Profile: Valentin

Greetings,

you can achieve that, by adding the following code to your Custom Head Styles section, located in your theme administration panel -> Nop-templates -> Themes -> Pavilion -> Settings:

@media (min-width: 769px) {
.item-box {
    width: 23.5%;
}
.item-box:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
}
.item-box:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}
}

Greetings again,

if you wish to add a link to your Recently viewed items in the footer, you need to follow the above instructions, but use this code instead;

@if (Model.RecentlyViewedProductsEnabled)
{
    <li><a href="@Url.RouteUrl("RecentlyViewedProducts")">@T("Products.RecentlyViewedProducts")</a></li>
}

Greetings,

the Customer Service column will show all the links to the topic pages you include in the second column of the footer. You can see this option in your theme administration -> Content management -> Topics (pages)

However, if you wish to move your Compare Products link there, just move this part of code, in the Footer.cshtml file:

@if (Model.CompareProductsEnabled)
{
   <li><a href="@Url.RouteUrl("CompareProducts")">@T("Products.Compare.List")</a></li>
}

on line 71, like so:

<ul class="list">
@if (Model.CompareProductsEnabled)
{
   <li><a href="@Url.RouteUrl("CompareProducts")">@T("Products.Compare.List")</a></li>
}
@foreach (var topic in Model.Topics.Where(x => x.IncludeInFooterColumn2).ToList())

Greetings,

we understand what your concern is, but the compare products link is not placed in the header section by design. If you wish to, you can show the link to the Compare products page in your footer.

Just follow these steps:

1) In your file explorer go to this folder ~Presentation\Nop.Web\Themes\Prisma\Views\Common and open this file Footer.cshtml in your text editor.

2) On line 52 you will see this code:

@*@if (Model.CompareProductsEnabled)

3) Cut just the first two symbols - @* and place them on line 56, like so:

@*@if (Model.AllowCustomersToApplyForVendorAccount)

4) When you refresh your site you will see the link in the second column of the footer.

If you have any suggestion for improvements on our themes, please use our User Voice platform, and if others find your suggestion useful, we will find a way to implement it.

Greetings,

you can achieve that by adding the following code to wherever you find fitting in this file
~ Presentation \ Nop.Web \ Themes \ Tiffany \ Views \ Catalog -> CategoryTemplate.ProductsInGridOrLines.cshtml:

<div class="filters-button">
     <span>YOUR_TEXT_HERE</span>
</div>

Have in mind that since this is a customization, it will come with no styling, therefore - you will probably need to add some CSS to make it look as you want it.

Hope this was helpful.

Greetings,

firstly I want to warn you that you should not post your login details in the forum since it is accessible by anyone. In such cases, you better submit a ticket with your issue.

We looked at your site and it seems like you are using a lot of third-party plugins like FoxNetSoft, try uninstalling them and removing them from your site and see if the AjaxFilters show up then.

But before you do that, I need to ask you if have modified in any way your View files?

Looking forward to your answer.

Greetings,

everything seems to be OK, all the settings are in order. Have you tried restarting your application and clearing the cache?

If this doesn't work we would need a link to your site so we can investigate.
Looking forward to your answer!

Greetings,

can you please clarify which filters do you want to show - the AjaxFilters or the default filters that are hidden as you said with CSS?

If you have enabled your AjaxFilters from your theme administration -> Nop-templates -> Plugins -> AjaxFilters -> Settings, then they normally appear in the left column.

The default filters that are hidden by default appear right column above the product grid on the category page.

Also could you please provide us with a link to your site so we can investigate the issue.

Greetings,

it seems you are using a plugin called PopupMaker which a nop-commerce plugin and therefore it is styled only for the DefaultClean theme. Since we do not have this plugin in our themes, its styling is interfering with the styling of your theme and it is breaking your buttons.

You need to go in your file explorer ~Plugins/Widgets.PopupMaker/Content/DefaultClean/style.css and either delete this code, which is on the bottom of the file:

.button-1 {
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

.button-1:hover {
    background-color: #248ece;
}

or add #popup in front of the selectors like so:

#popup .button-1 {
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

#popup .button-1:hover {
    background-color: #248ece;
}

This way you will make sure that this styling applies only in the popup that this plugin creates.

Greetings,

we investigated the issue and you need to add the bolded line of code in your carousel.css file (on line 72), which is located in ~Plugins/SevenSpikes.Nop.Plugins.CloudZoom/Themes/DefaultClean/Content/carousel/carousel.css :

.picture-thumbs a.cloudzoom-gallery {
display: block;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 5px;
}