Profile: Deni

I see that the mark-up of the item-box in the two sites is different. The correct one is here: http://www.manoroletai.lt/vienspalviai . Try uninstalling that plug-in from http://manoroletai.bykovas.lt/vienspalviai - that may fix the problem!

I far as I can see that plug-in includes many inappropriate styles from this file: Plugins/XcellenceIT.Plugin.Solr.Products/Content/nopaccelerate-styles.css .

You can comment its content and your problems will be solved!

Hi, ATZMONCA !

This problem is almost fixed and working version will be deployed ASAP.

The CloudZoom plug-in has settings that allow you to change the place where the zoom window appears. It can be right, left, top, bottom or inner.

Hi, JNENG!

The solution for you is to upload images with smaller height (I guess you meant that it is too big in height). The slider is full-width and it preserves the proportions.

P.S. We really liked your slider, because 3 of us drive Honda!

Yes, deleting everything is not quite right. You need to leave this chunk of code:

.ribbon-wrapper {
    height: 100%;
}

Thanks!

Hi, Steve!

If you want to get this done, you have to write your custom logic in CategoryMenuTemplate.WithPictures.cshtml file. Also you have to change the CSS and the mark-up for the drop down. For example you have to find this piece of code:

<ul class="subcategories">
                    @foreach (var subCategory in item.SubCategories.Take(megaMenuSettings.NumberOfCategories))
                    {
                        <li>
                            <a href="@Url.RouteUrl("Category", new { SeName = subCategory.CategoryModel.SeName })" title="@subCategory.CategoryModel.Name">
                            @subCategory.CategoryModel.Name</a>
                        </li>
                    }

                    @if (item.SubCategories.Count == megaMenuSettings.NumberOfCategories)
                    {
                        <li>
                            <a class="view-all" href="@Url.RouteUrl("Category", new { SeName = item.CategoryModel.SeName })">@T("SevenSpikes.MegaMenu.ViewAllCategories")</a> 
                        </li>
                    }
                </ul>

First you have to sort item.SubCategories and then add your logic in the foreach, i.e. for every three categories create a new column. After that just style them.

Hope that helped you!

Hello, JHOPPER!

As far as I understood, you want to have less rows and more categories on a row. For example - 12 categories per row and three or four rows. Consider that if you want to do this, you will have too little space for a category - let`s say your menu is 960px wide and if you have 12 categories each category will be 80px wide.
Anyway, if you want to achieve this, you have to open /Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Views/MegaMenu/CategoryMenuTemplate.WithPictures.cshtml file and find this row: @(Html.DataTable<SevenSpikes.Nop.Plugins.MegaMenu.Models.MegaMenuCategoryModel>(Model.CategoriesModels, 4, "row", "box" . The number "4" sets the number of categories per row. So you can change it freely to 12. The other change is in ~/Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Themes/YOUR-THEME/Content/MegaMenu.css
file and change the width in this rule:

.mega-menu .box {
       width: 80px;
}

I hope this helped!

Hi, IMPRINTABLESWAREHOUSE

You have to change the logic in \Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Views\MegaMenuCategoryMenuTemplate.InfiniteCategories.cshtml. You must replace this code

  

<li>
            <a href="@Url.RouteUrl("Category", new { SeName = subCategory.CategoryModel.SeName })" title="@subCategory.CategoryModel.Name">@subCategory.CategoryModel.Name</a>
            @if (subCategory.SubCategories.Count > 0)
            {
            <ul class="sublist">
                @CreateSubLists(subCategory.SubCategories, categoriesCountSetting, subCategory.CategoryModel.SeName)
            </ul>
            }
        </li>

with this one

<li>
            @if (subCategory.SubCategories.Count > 0)
            {
            <a href="@Url.RouteUrl("Category", new { SeName = subCategory.CategoryModel.SeName })" title="@subCategory.CategoryModel.Name">@subCategory.CategoryModel.Name</a>
            
            <ul class="sublist">
                @CreateSubLists(subCategory.SubCategories, categoriesCountSetting, subCategory.CategoryModel.SeName)
            </ul>
            }
            else{
            <a class="noBackgroundClass" href="@Url.RouteUrl("Category", new { SeName = subCategory.CategoryModel.SeName })" title="@subCategory.CategoryModel.Name">@subCategory.CategoryModel.Name</a>
           }
        </li>

Now you can remove the background via noBackgroundClass:

.noBackgroundClass {
     background-image: none;
}

I hope this helped!