Profile: Deni

Hi, 

To show the Store Locator map wherever you like, you should follow these steps:

1. Go to this file: \Plugins\SevenSpikes.Nop.Plugins.StoreLocator\SupportedWidgetZones_ContactUsPage.xml

2. Add a new widget zone like this:

<WidgetZone>your_custom_widget_zone</WidgetZone>

3. Save the file and Restart Application

4. Go to the administration of the plugin and choose this widget zone for the setting "Contact Us Page Integration".

Please write back if you need any further assistance.

Hi, 

As I am looking into our deploy log, the fix is present since 2nd of July. So, if you update your theme plugin, you should get the fix. If you still need any help please raise a ticket in our ticketing system.

Hi, 

We are really thinking now of the best implementation of this functionality and we will soon come up with the solution. Thanks for your suggestions!

Hi, 

Is you are using nop version below v3.60, then you can simply add the new widget zone, where you want to show the store locator map, into this file: \Plugins\SevenSpikes.Nop.Plugins.StoreLocator\SupportedWidgetZones.xml.

If you are using v3.60, then the integration is a little bit different and if you need it I will explain it too.

Hi, 

Yes, that is the easiest way. We are glad that you have found it!

Hi, 

This is a sample mark-up of what should be a top menu item:

<li>
    <a href="#" class="products-item-menu">Products</a>
    <div class="dropdown categories fullWidth boxes-4">
        <div class="row-wrapper">
            <div class="row">
                <div class="box">
                    <div class="picture">
                        <a href="/electronics" title="Show products in category Electronics">
                            <img class="lazy" alt="Picture for category Electronics" src="http://store1.com:15566/content/images/thumbs/default-image_210.png" data-original="http://store1.com:15566/content/images/thumbs/default-image_210.png" style="display: inline;">
                        </a>
                        <div class="title">
                            <a href="/electronics" title="electronics">Electronics</a>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="picture">
                        <a href="/books" title="Show products in category Books">
                            <img class="lazy" alt="Picture for category Books" src="http://store1.com:15566/content/images/thumbs/0000001_book_210.jpeg" data-original="http://store1.com:15566/content/images/thumbs/0000001_book_210.jpeg" style="display: inline;">
                        </a>
                        <div class="title">
                            <a href="/books" title="Books">Books</a>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="picture">
                        <a href="/computers" title="Show products in category Computers">
                            <img class="lazy" alt="Picture for category Computers" src="http://store1.com:15566/content/images/thumbs/0000002_computers_210.jpeg" data-original="http://store1.com:15566/content/images/thumbs/0000002_computers_210.jpeg" style="display: inline;">
                        </a>
                        <div class="title">
                            <a href="/computers" title="Computers">Computers</a>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="picture">
                        <a href="/electronics" title="Show products in category Electronics">
                            <img class="lazy" alt="Picture for category Electronics" src="http://store1.com:15566/content/images/thumbs/0000007_electronics_210.jpeg" data-original="http://store1.com:15566/content/images/thumbs/0000007_electronics_210.jpeg" style="display: inline;">
                        </a>
                        <div class="title">
                            <a href="/electronics" title="Electronics">Electronics</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</li>

I hope this gives you the whole idea of the mark-up. You can always inspect it in the browser - this will be very helpful to you.

Hi, 

At the moment this is not possible as functionality and you can not achieve it via JS. But you can always change one of the existing color presets to the colors you like. Just go to the \Themes\Tiffany\Content\cssstyles.css file and edit the CSS for the one of the three presets.

Hi, 

The correct file which is displaying the Mega Menu is the \Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Views\MegaMenu\MegaMenu.cshtml. 

Inside it you will find this code, which is showing the categories dropdown. As you said, you do not need it, so you can remove it:

if (Model.Settings.EnableCategories)
    {
        if (isMegaMenuResponsive)
        {
            @Html.Action("GetCategoriesResponsive", "MegaMenu", Model.Categories)
        }
        else
        {
            @Html.Action("GetCategories", "MegaMenu", Model.Categories)
        }
    }

On its place you can write your own mark-up, which should follow our menu structure, showing the products you want by hard-coding them. I believe this will also require additional styling, because the menu does not styling for products.

I hope this helped you. Please write if you need any further help!

Hi, 

We have replied to your ticket already.

You can achieve this by modifying this view: \Plugins\SevenSpikes.Nop.Plugins.AjaxCart\Views\NopAjaxCartShoppingCart\ProductAddedToCartPopupDialog.cshtml. The row you should modify is this one:

<strong class="price">@shoppingCartItemModel.UnitPrice</strong>

Hi, 

I suppose that any resource is missing. If you need any further assistance, please submit a ticket in our ticketing system. This way we will have more info for your products version and will be able to provide better support.