Profile: Stefan

Hi again,

By looking at your screenshots I think that there is some js error that prevents the jcarousel to initialize. That is why also the Nop Quick Tabs are not initialized. Would it be possible to inspect by pressing F12 in your browser and see if there is any js error in the inspector.

Looking forward to your reply!

Hi there,

This is really strange, because when enabling the product thumbs in a carousel it displays only 4 and all others can be displayed when rotating the images in the carousel. You can have a look at our demo - this product has 6 pictures and they work as expected without any issues. Do you mean that on your site the product page looks different. Have you made any customization to the theme. If you could send us a link or a screenshot at least, we can see what might be wrong. Do you have any js errors on the page which can prevent the carousel to work as expected.

Looking forward to your reply!

Hi Justin,

Thank you for your feedback!

This issue had been already fixed! In order to integrate the fix, just go to your My Downloads section and download the theme again. Then just replace the Themes/Nitro folder with the one from the downloaded package. If you have made any customization, you will need to replace the Themes/Nitro/Views/Catalog folder.

Please let me know if this fixes the issue!

Hi jm2webdesigners,

You can make the header menu sticky bu adding the following:

In your Themes/Alfresco/Content/Scripts/Alfresco.js add the following within the document ready event:

   

 $(".header-menu").wrap('<div id="headerMenuParent"></div>');

    stickyNav(".header-menu", "#headerMenuParent");
    
    $(window).on("scroll", function () {
        stickyNav(".header-menu", "#headerMenuParent");
    });

Open your Themes/Alfresco/Content/css/styles.css and add the following at the end of the file:

@media all and (min-width: 981px) {

    .header-menu.stick, .master-home-page .header-menu.stick {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10000;
        margin: 0;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        text-align: center;
        padding: 0;
        width: 100%;
    }

        .header-menu.stick > ul {
            display: inline-block;
        }


        .header-menu.stick .mega-menu, .header-menu.stick .top-menu, .master-home-page .header-menu.stick .mega-menu, .master-home-page .header-menu.stick .top-menu {
            width: 980px;
        }
}


Hope that helps!

Hi Prateek,

The color attributes shown on your screenshots are part of the Nop Ajax Filters filtering by color attributes. You will need just to create attributes of type color squares and enable filter by attribute from the Nop Ajax Filters administration.

For more info on product attributes, you can refer to the nopCommerce's documentation.

Hope that helps!

Hi Emad,

I am glad you decided to go with the theme. You should first purchase the theme and then you will be able to raise a ticket in our support system with your requirements. Once this is done we will get back to you with instructions on how to integrate the changes to the theme.

Speak to you soon!

Hi emad,

No, there will be no additional charge. In general we do not provide customization to our products which is outside the scope of our support, but in your case we will make them for you as they are straightforward and will help you achieve the look and feel of the theme as you need.

Just submit a question in our support system with your requirements and we will be happy to help!

Should you need any further help, please let us know!

Hi emad,

Thank you for your interest.

The required changes cannot be implemented directly through the administration, but can easily be done through small css changes. We will be more than happy to assist you in that and provide the changes that you will need to add to your css in order to make the desired effect. When we change the layout to 1400px this will make all pages be wider and not only the pages with product boxes. But I assume that is what you are looking for. So you can be sure that these changes will be done and you will have your ecommerce website look like you want.

Hope that helps!

Should you need any further information, please let me know and I will be happy to help!

Hi Sangeet,

Can you let us know what are the settings of your product ribbons plugin. Go to admin -> plugins -> 7Spikes plugins -> Nop Product Ribbons -> Settings and let us know what are the 4 settings being set to. Make sure that the selectors on that page are the ones that are on your product page. If they are correct the js will be executed and the ribbons will be added on the page. I am not sure what is this "special page" you refer to.

You can find information about the product ribbons here.

p.s. We are still waiting for the order id with which you have obtained the Nop Product Ribbons. I am afraid that if you do not let us know, we will not be able to support you on this issue.

Looking forward to your reply!

Hi sangeet,

Please do not replicate forum posts. See the following forum post on that matter.

Thanks!