Profile: Support
User posts
I also want to switch the product information with the picture. I want the picture on the left and info. on the right.
What do I need to change?
Hi,
Please use the following css in order to make your changes.
@media screen and (min-width: 1001px){
.product-details-page .overview {
margin-left: 620px;
margin-right: 0;
}
}
@media screen and (min-width: 769px){
.ui-tabs {
float: left
}
}
@media screen and (min-width: 769px){
.product-details-page .overview {
float: right;
}
}
.side-2 {float: left;}
.center-2 {float: right;}
Hope that helps!
I believe I have got this. Please confirm if this is the setting I change:
File: 980.css
.home-page-category-grid .item-box {
width: 15.33333333333333%;
Hi,
This is partially correct. The categories on the home page and category page are a bit different and that is why there are two separate styles:
.home-page-category-grid .item-box
.category-page .item-box
If you need to change the size of the round pictures just change the width as you have written above for those two styles.
Please have in mind that for the different resolutions the sizes are different and in the different files. For the desktop version the styles are in 980.css file.
Hope that helps!
We have just went live with our site which can be viewed here: http://bit.ly/1dQJPK5
I will add that if you just shrink the browser, the sidebar is working properly. If you refresh at the smaller resolution, that's when the issue arises.
Hi jkeeler,
I see now what the issue is. You should modify your html as shown below:
<div class="block block-category-navigation">
<div class="title">
<strong>Product Guide</strong>
</div>
<div class="product-catalog listbox">
<a href="/Content/Images/uploaded/PDFs/CATALOG_WEB.pdf" target="_blank" ><img src="~/Content/images/uploaded/ProductGuideCover_2014.jpg" width="190px" height="245px" /></a>
</div>
</div>
You should add the "listbox" class to your second element so that it is hidden by default.
For reference you can have a look at the following css in the 768.css file:
@media screen and (max-width: 768px) and (min-width: 481px)
.block .listbox {
display: none;
}
Hope that helps!
Hi EHUBCAP,
Interesting question and a useful one. As it turned out it was a core feature. We will have it in mind for future request if any!
Thanks for sharing!
Best Regards!
As our Organisation are working on Ecommerce Site we are in development Phase were we made certain change in Nop.web File and Added Some javascript function related to specific page. Then we Publish The Nop.Web File in Release- any CPU Configuration . After Publisihing in Server's Localhost Environment we installed Nop Ajax Filter then after ajax filter show the data but filtration Does not work i mean any click event of check box does not work and even Price slider also doesn't work .
Sir/madam we are at last phase of development we need Ajax filter Plugin and many more please help us in development.
Hi [email protected],
I am not sure what modifications have you made and whether they reflect in any way the Nop Ajax Filters. What does it happen when trying to use the filters - do you get any js error, do you get any error in the System -> Log. If possible can you send us a link to your website so that we can have a closer look at what might be wrong.
Thanks!
Hi JKEELER,
I cannot be quite sure what is going on on your side. I just tested your code and put in the side bar and in smaller resolutions it is collapsed by default. The important thing is to have the div with class "block" and in it a div with a class name "title", which you have.
Would it be possible to send us a link to your site so that we can have a closer look or it will be best if you download the theme again and update your existing theme with the downloaded one, which will contain latest bug fixes.
You can follow the article on how to update a theme or wath the following video.
Hope that helps!
Hi USERTHOMAS,
Thank you for your feedback! It is highly appreciated!
We have fixed that and uploaded the fix on our demo.
Best Regards!
Topic for reporting any Nop Allure Responsive Theme problems.
Help make Nop-Templates products better. Share your ideas or feature requests related to the Nop Allure Theme for nopCommerce.
Topic for general discussion regarding the Nop Allure Responsive Theme.
