Thumbnail view in Firefox, Edge, IE; number of products in filter wrong…

  • Resolved stefanaltius

    (@stefanaltius)


    5 years, 1 month ago

    Hi,
    I test this plugin on my demo page, but there are 2 errors that occur.
    The first is the thumbnail view in browsers that are not Chrome. This error happens also on your demo page. The background is not hidden, but it overlaps the other content:
    Thumbnail view in FF
    The correct display is only in chrome:
    Chrome

    The second error happens on my demo page. The filter numbers don’t work ok.
    I added 2 products, one into each subcategory. When I click on one category, the numbers double. There is only one product, but the number shows that there are 2:
    Link

    I tried to uninstall the plugin multiple times (also deleted the database entries the last time – described in this thread), but nothing helps.

    Regards

    • This topic was modified 5 years, 1 month ago by stefanaltius.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi stefanaltius,

    For #1:
    Could you add this code to the “Custom CSS” section of the Edit catalogue page:

    .upcp-thumb-item {overflow: hidden;}

    For #2, the video you sent didn’t load for us, would it be possible to send a screenshot instead of where the doubles appear?
    Or alternatively the URL of your site, if possible?

    Thread Starter stefanaltius

    (@stefanaltius)

    Hi.
    #1 it is better, but still not ok
    link

    #2

    #3 is it possible to translate the plugin with loco translate?
    Regards

    Hi @stefanaltius,

    Are you able to share the link to your Catalog page? I just want to inspect a few elements.

    If you want you can email it to us at [email protected]. We can even continue the conversation there, just make sure to refer to this thread.

    Regarding #1,

    You could use the following Custom CSS instead to solve the sales flag issue:

    .upcp-sale-flag span.saleSpan {
? ? position: absolute;
? ? bottom: initial;
? ? left: initial;
? ? right: -13px;
? ? top: -37px;
? ? text-align: center;
? ? width: 100%;
? ? font-size: 12px;
? ? transform: rotate(180deg);
? ? width: 25px;
}
.upcp-sale-flag {
? ? position: absolute;
? ? right: -26px;
? ? top: -6px;
? ? color: #fff;
? ? z-index: 5;
? ? -webkit-transform: rotate(45deg);
? ? -moz-transform: rotate(45deg);
? ? -ms-transform: rotate(45deg);
? ? transform: rotate(225deg);
? ? background: initial;
? ? width: 0;
? ? height: 0;
? ? border-left: 40px solid transparent;
? ? border-right: 40px solid transparent;
? ? border-top: 40px solid green;
}
@media only screen and (max-width: 480px){
? ? .upcp-sale-flag {
? ? ? ? right: -16px;
? ? ? ? top: 38px;
? ? }
}

    You can paste that code into your Catalog’s Custom CSS box (Catalog tab > Select your catalog > Paste into Custom CSS box)?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Thumbnail view in Firefox, Edge, IE; number of products in filter wrong…’ is closed to new replies.