Hi joster,
Thanks for your cooperation.
By inspecting your code I can see that the /themes/alfresco/content/css/styles.css is included twice and the second one is after all the media queries files. Thus the styles from the styles.css override the ones from the media queries and that is why the responsive functionality is not working.
You should remove the second include of the /themes/alfresco/content/css/styles.css and the page will behave as it should.
Just remove the one that is bold
<link href="/Themes/Alfresco/Content/css/styles.css" rel="stylesheet" type="text/css">
<link href="/Themes/Alfresco/Content/css/980.css" rel="stylesheet" type="text/css">
<link href="/Themes/Alfresco/Content/css/768.css" rel="stylesheet" type="text/css">
<link href="/Themes/Alfresco/Content/css/480.css" rel="stylesheet" type="text/css">
<link href="/Themes/Alfresco/Content/css/tables.css" rel="stylesheet" type="text/css">
<link href="/themes/alfresco/content/css/styles.css" rel="stylesheet" type="text/css">
Hi Joster,
By looking at your page I cannot be sure what might be the issue. It looks like the breakpoint css files are not loaded, but cannot be sure as the css is bundled. Would ti be possible to remove the CSS bundling from your admin so that we can have a look at the css files being loaded and their order of including. This will help us a lot.
Thanks in advance.
Hi joster,
Unfortunately all variables defined in a view or partial view can be accessed and used only in that view. So that is why you receive the error described.
However you can very easily hide the logo only on the home page by using the css class that is added only on the home page. Just add the following css in your admin -> plugins -> 7spikes themes -> nop alfresco theme -> settings -> custom head styles textbox:
.master-home-page .header-logo {display:none !important;}Hi Richard,
Thanks for the feedback.
I am glad everything is working as expected. It may be some browser version or configuration on your machine.
In any case please let us know if you notice this to happen on other computers as well.
Thanks again.
Hi sedangroup,
Unfortunately you cannot achieve this functionality with grouped products in nopCommerce. Grouped products have no price which can be displayed.
You can try some workaround like adding a specification for the grouped products with name price and a value of $3,000.00 and it will be displayed with the other specifications for that product, but the price will not adjust dynamically when adding to cart the associated products.
Or for example if you do not use the short description of the grouped product, you can enter for a product description something like: "Price: $3,000.00" which will be displayed on the product page.
The other best way will be to use javascript in order to achieve that and to dynamically update a specific html element that you have added to the grouped product template, but this will require some basic js knowledge.
Hope that helps!
@media (min-width: 981px){
.product-details-page .gallery { width: 360px; }
}
@media (min-width: 981px) {
.gallery.sevenspikes-cloudzoom-gallery .picture-wrapper, .gallery .picture-wrapper > .picture { line-height: 240px; }
.gallery .picture-wrapper { width: 240px; }
.product-details-page .overview { margin-left: 370px; }
.gallery .picture-wrapper:only-child, .gallery .picture-wrapper:only-child > .picture { line-height: 360px; }
}