Profile: Valentin
User posts
The Prisma layout on the iPad defaults to the mobile view even if you request a desktop view. The iPad retina has enough resolution to comfortably display pages in desktop layout. What is the best way to change fhis?
Hello Vlad Starr,
even if your iPad resolution supports a desktop view, it is not safe to enable it since on iPad you have no pointer device (e.g. mouse) and therefore - there is no hover effect. This is used to show elements and interact with the desktop site and if you do not have it, the site will not function properly.
That is why on touch device all the hover effects are replaced with clicks in order for the user to be able to trigger them.
Hope this answers your question.
6 years ago
Hello, we are trying to use the Template "with pictures" for a child category but trying to swap templates gives us "You can't select this template because it does not allow the menu item to have any child elements or any parent elements!". Is it possible to have a parent and also allow the child categories to have pictures?
Hello christopherho,
unfortunately no, you can have a template with pictures only on the first level of categories in your Mega Menu.
I have attempted to reset the JCarousel image size on the front page of our site that uses the Lighthouse theme. I'm using "The images of the items in the carousel are resized according to the "Product thumbnail image size (catalog)" setting in the category settings". I am attempting this in NOP 4.0 under product. It is not working. What am I missing?
Hello John,
the reason why you are getting this issue because you haven't installed your JCarousel plugin correctly.
In the following location in your file explorer, you should have a folder with your themes` name and the specific styling for the plugin required for this theme:
~Presentation\Nop.Web\Plugins\SevenSpikes.Nop.Plugins.JCarousel\Themes
this folder is located in your plugins` download package in the Themes folder.
Hi,
How to yo set 2 products per row on mobile? I was able to set it in version 3.9 by change
@media all and (min-width: 481px) to @media all and (min-width: 480px), but it does not seem to work on current version 4.1
Thank you
How to yo set 2 products per row on mobile? I was able to set it in version 3.9 by change
@media all and (min-width: 481px) to @media all and (min-width: 480px), but it does not seem to work on current version 4.1
Thank you
Hello toanhnt,
it is not safe to change the break-point values in the themes CSS files.
Instead you can use the following code, which you should add to your themes Custom Head Styles section:
@media all and (max-width: 480px) {
.item-box {
width: 49%;
margin-left: 2%;
}
.item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
}Have in mind that this will affect also the category and sub-category boxes, but I guess this is what you are looking for since the modification you previously did would have affected them, too.
6 years ago
hi,
how I can change height nivo slider in pavilion theme in version mobile?
how I can change height nivo slider in pavilion theme in version mobile?
Hello mohamadi,
the height of the nivo slider depends solely on the height of the images you have uploaded. Uploading taller images will result in a taller slider.
However, if you upload images with different height the height of the slider will vary depending on the currently active image.
6 years ago
hi,
how can i change number of items in jcarousel in responsive mode
how can i change number of items in jcarousel in responsive mode
Hello mohamadi,
for this purpose you need to open your administration and go to Configuration -> Settings -> All settings and search for this setting:
jcarouselgeneralsettings.responsivebreakpointsforslickslider-pavilion
Edit this setting and change the number after slidesToShow for each breakpoint.
However, have in mind that this is customization and therefore - it has not been tested. If you encounter any problems with it you would need to deal with them yourself.
6 years ago
Hello Valentin Kirov,
Thank you for your reply. What I mean is
how to add another widget zone under that but using different category ID for the new widget zone.
For example:
var categoryIds = new List<int> { 2, 3, 4 }
widgetZone = "categorydetails_top"
var categoryIds = new List<int> { 5, 6, 7 }
widgetZone = "example"
Thank you for your reply. What I mean is
how to add another widget zone under that but using different category ID for the new widget zone.
For example:
var categoryIds = new List<int> { 2, 3, 4 }
widgetZone = "categorydetails_top"
var categoryIds = new List<int> { 5, 6, 7 }
widgetZone = "example"
Hello again toanhnt,
in that case you should do something like this:
@{
var categoryIds = new List<int> { 2, 3, 4 }; // Inside the curly brackets you can list all category IDs, comma separated
if (categoryIds.Contains(Model.Id))
{
@await Component.InvokeAsync("Widget", new { widgetZone = "categorydetails_top", additionalData = Model.Id })
}
}
@{
var secondCategoryIds = new List<int> { 5, 6, 7 }; // Inside the curly brackets you can list all category IDs for the additional widget-zone, comma separated
if (secondCategoryIds.Contains(Model.Id))
{
@await Component.InvokeAsync("Widget", new { widgetZone = "NAME_OF_OTHER_WIDGET_ZONE", additionalData = Model.Id })
}
}
Where for the secondCategoryIds you specify only the IDs for the additional widget zone.
6 years ago
Hello guys,
Is there a way that I can show my Jcarousel products in category of my choice ?
Hello,
Unfortunately, there is no such functionality in the JCarousel plug-in.
Still, there is something that can be done, but it is not highly recommended:
Lets say you use this widget zone: "categorydetails_top"
Inside the file(check if it is overridden in the theme folder): Views/Catalog/CategoryTemplate.ProductsInGridOrLines.cshtml
find this line:
and replace it with these:
Hi, how to achieve this with new version nop4.0? Thanks
Hello toanhnt,
in order for the code, you already have to work in version 4.0 you need to replace this line of code:
@Html.Widget("categorydetails_top", Model.Id)
with this line of code:
@await Component.InvokeAsync("Widget", new { widgetZone = "categorydetails_top", additionalData = Model.Id })
Leave the rest the same and everything should work normally.
Thanks, it works great. One last question. How to add 2 widget zones or more with the same method ablove?
Is there a way that I can show my Jcarousel products in category of my choice ?
Hello,
Unfortunately, there is no such functionality in the JCarousel plug-in.
Still, there is something that can be done, but it is not highly recommended:
Lets say you use this widget zone: "categorydetails_top"
Inside the file(check if it is overridden in the theme folder): Views/Catalog/CategoryTemplate.ProductsInGridOrLines.cshtml
find this line:
@Html.Widget("categorydetails_top", Model.Id)and replace it with these:
@{
var categoryIds = new List<int> { 2, 3, 4 }; // Inside the curly brackets you can list all category IDs, comma separated
if (categoryIds.Contains(Model.Id))
{
@Html.Widget("categorydetails_top", Model.Id)
}
}Hi, how to achieve this with new version nop4.0? Thanks
Hello toanhnt,
in order for the code, you already have to work in version 4.0 you need to replace this line of code:
@Html.Widget("categorydetails_top", Model.Id)
with this line of code:
@await Component.InvokeAsync("Widget", new { widgetZone = "categorydetails_top", additionalData = Model.Id })
Leave the rest the same and everything should work normally.
Thanks, it works great. One last question. How to add 2 widget zones or more with the same method ablove?
Hello again toanhnt,
to achieve this, use the same line of code but change the name to the widget you want to use and add it underneath, like so:
@{
var categoryIds = new List<int> { 2, 3, 4 }; // Inside the curly brackets you can list all category IDs, comma separated
if (categoryIds.Contains(Model.Id))
{
@await Component.InvokeAsync("Widget", new { widgetZone = "categorydetails_top", additionalData = Model.Id })
@await Component.InvokeAsync("Widget", new { widgetZone = "NAME_OF_OTHER_WIDGET_ZONE", additionalData = Model.Id })
}
}
That is if you want to show them one after another, or if you want it on a different location you can call it separately like so:
@{
var categoryIds = new List<int> { 2, 3, 4 }; // Inside the curly brackets you can list all category IDs, comma separated
if (categoryIds.Contains(Model.Id))
{
@await Component.InvokeAsync("Widget", new { widgetZone = "NAME_OF_OTHER_WIDGET_ZONE", additionalData = Model.Id })
}
}
Just have in mind that you can use the already existing widget zones for this to work.
Hope this was helpful.
6 years ago
Hello
In the emporium theme when buying and registering a new address, if the page does not enter the relevant page closes and the customer does not understand. How does this resolve?
thanks
In the emporium theme when buying and registering a new address, if the page does not enter the relevant page closes and the customer does not understand. How does this resolve?
thanks
Hello mohsenmon,
can you be a bit more specific - in what scenario the page "does not enter"?
When adding a new address, if there is an error with the information the page does not reload until you fix the errors and the form stays visible. And if everything is entered correctly then you go to the next step of the checkout process.
6 years ago
My clients and I have purchased both the Venture and Emporium themes, and would like to make these menus sticky as well. I tried the code insertions above but they had no effect.
Can you help us?
Thank you!
Wayne
Can you help us?
Thank you!
Wayne
Hello Wayne,
the method described here is concerning a different theme and since most of the themes have different layout it cannot work in your case.
We saw that you submitted a ticket and we just replied to it, let us communicate there.
