Close

Profile: Stefan

Avatar

User posts

9 years ago

Oakstone wrote:
There is the current site with Cloud Zoom disabled: http://www.oakstone.com/comprehensive-review-of-colon-and-rectal-surgery

Here is the plugin enabled: http://qa.oakstone.com/comprehensive-review-of-colon-and-rectal-surgery


Hi again,

The issue described comes from the fact that you have placed the SKU and share buttons (the <div class="center">) in the <div class="gallery"> element which is not correct. The Nop Cloud Zoom plugins replaces the .gallery element in order to place the gallery with the cloud zoom integrated. That is why when enabling the Nop Cloud Zoom the SKU and Share buttons are not visible. 

Simply place the SKU and Share buttons outside the .gallery html element and everything will work as expected.

Hope that helps!

Bugs
9 years ago

agileworks wrote:
We have the template running already, but we cannot get the 2 sliders on the homepage to run together. They are configured on each widget zone as described on the documentation, but the right one still isn't being showed. If we inspect the code it's set to: display:none, on a 1920px wide screen.

Here's our website under development: http://locasporelmundo.agilecommerce.com.uy


Hi,

When I opened the site I can see the second banner visible. But I guess you had this issue when you had just one picture for the main slider. This is an issue that we are going to fix a.s.a.p.

Thanks for your feedback and spotting this issue.

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">



This last line is not present on your other pages and that is why the work as expected.

As I see that this is a view from other plugin, make sure that the file is not included again in that view. The Alfresco theme css files are present and included in the Themes/Views/Alfresco/Shared/Head.cshtml view.

Hope that helps.

Please let me know how it goes.

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.

10 years ago

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;}


Hope that helps.

10 years ago

WallpaperBlvd wrote:
Hi,

I'm currently working on a site built with the Native Theme and can't seem to get the quicktabs on the product page to display as on the demo (with the tabs to the left). Could you please tell me how this can be done? I've set every setting that I know of to try to get it to change, but it always remains with the tabs at the top, and not on the left hand side(as in the demo).

In the theme's main settings, I have the following setting unchecked: "Display Nop Quick Tabs in one coulm design" (might also want to QA that setting title ;), but have tried it both ways to no avail.

Thank you,

WP Dev


Hi Wesley,

You should have the following setting "Are Quick Tabs One Column" unchecked in the admin -> plugins -> 7spikes themes -> nop native theme -> settings page . Can you try to uncheck it and then open your website again after clearing your browser's cache just to be sure. What is the result.

Hope that helps.

tamchu wrote:
Can put the megamenu on top now but the size changed, how to reamin the orginal size but not to effect the body product item?


Hi again,

I have replied to your question in the following forum post. I believe it is the same.

Please do not replicate forum posts. We monitor all forum topics, so there is no chance for not getting a reply.

10 years ago

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.

10 years ago

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!

10 years ago

RichardS wrote:
I am having a similar issue, and I have tried to figure this out.  The sevenspikes-cloud-zoom box on the product page is set to 580 x 580 px.  Is it possible to resize it or something else to something smaller like 360 x 360?  My images are not that large, and I would like to shrink the white space so the long description and tabs are closer to the buy button.  Any help will be appreciated.


Hi Richard,

You can reduce the space for the images by adding the following styles in your admin -> plugins -> nop motion theme -> settings -> custom head styles textbox:

@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; }
}


This will make your images 360px x 360px and will increase the space for the overview column.

Hope that helps!