Profile: hristo
User posts
Hello jkeeler,
this is a core functionality in nopCommerce and not a specific part of our theme, so if you want it to be changed you should make a suggestion to the nopCommerce team.
This has been replied in support ticket #9766:
https://www.nop-templates.com/HelpDesk/ViewTicket/9766
Hello Joster,
can you please post your suggestion at NopTemplates' uservoice forum:
https://noptemplates.uservoice.com
The feedback there is taken into consideration when developing new features.
Hi,
just add this code into the custom head styles panel in your theme administration:
img {
max-width: 100%;
}
It should fix your issue. If you still have trouble with it, please start a support ticket.
I added the following code,and it works.
.block .listbox li a:hover{
background-color:red;
color:#fff !important;
}
Now, I want the color stayed on the selected catalog. What should I add?
I tried the following code, but it wasn't successful.
.block .listbox li a:focus{
background-color:red;
color:#fff !important;
}
Hello,
the ":focus" pseudo class will not help you to change the styling of the selected catalog item. You should use the "active" class instead, it applies to the selected list item.
If you have any further questions about the theme layout and styling, please start a support ticket instead of writing in the forum.
Regards
I would like any one to help me to let the trending products in mobile view two products in each row. the defaulst is one product in each row.
Regards,
Mahran
Hello,
you have to edit this setting in your administration (you can find it under "all settings"):
jcarouselgeneralsettings.responsivebreakpointsforslickslider-pavilion
Use the filter to find it and then look at its value. The default value should be this one:
[{"breakpoint":890,"settings":{"slidesToShow":3}},{"breakpoint":711,"settings":{"slidesToShow":2}},{"breakpoint":425,"settings":{"slidesToShow":1}}]
You have to change 425 to 300.
This will render 2 products on small screens for all carousels on your site. There is no way to make this change to affect only the "Trending" carousel, it will affect all.
Hello KobJaiDer,
can you please open a support ticket and provide us with a link to your site there?
Thanks
Hello,
can you please provide us with a link to your site (where there is a slider with directional navigation enabled) so we can inspect your current situation?
I tested the default slider on Google Nexus and Motorola G and could not reproduce the problem, the page was scrolling normally.
Hello.
Yes, you can. Just paste this code into the custom head styles panel in your theme administration:
@media all and (max-width: 480px) {
.item-box {
width: 49%; /*two per row*/
margin-left: 2%;
}
.item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
}
If you have any further questions please start a support ticket.
Please check the corresponding support ticket.
