Want to show the product slider picture as it is

This topic has 10 replies, 5 voices, and was last updated 5 years, 12 months ago ago by Rose Tyler

  • Avatar: ohmani
    ohmani
    Participant
    June 8, 2017 at 17:13

    Hello,
    Thanks for the great theme. I and my client are really satisfied with the way the site’s design turned out to be. One thing I would like to know is how can I get rid of picture overlay from the product slider. I want just natural pictures.

    http://imgur.com/a/du3U1

    http://siroousa.com/

    Thanks,
    Austin

    9 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 8, 2017 at 21:16

    Hello,

    Nice site!
    Add the following code in Theme Options > Styling > Custom CSS

    .products-loop .outofstock .content-product img.wp-post-image, .productCarousel .outofstock .content-product img.wp-post-image {
        opacity: 1;
    }

    Regards

    Avatar: ohmani
    ohmani
    Participant
    June 8, 2017 at 22:34

    Thank you so much.
    It worked as I want it.
    Best,
    Austin

    Avatar: amzy
    Amzy Leel
    Participant
    June 9, 2017 at 05:00

    You are welcome.
    Do not hesitate ask if you have any other questions. (create a new topic for new question).

    Regards,

    Avatar: Blackbeard
    Blackbeard
    Participant
    March 28, 2018 at 10:30

    Hi,

    can you tell me how to remove the overlay for out of stock product images too?

    Thanks!

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 28, 2018 at 11:06

    Hello @Blackbeard,

    Theme Options > E-commerce > Shop > Enable “Out of stock” icon

    Regards

    Avatar: Blackbeard
    Blackbeard
    Participant
    March 28, 2018 at 12:15

    But is there a way to keep the “Out of stock” notice, but remove the opacity option? So that the white overlay is removed, and product picture is 100% clear.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 28, 2018 at 14:51

    Hello @Blackbeard,

    Please add this code in Theme Options > Styling > Custom css:

    .products-loop .outofstock .content-product .out-of-stock + .product-content-image img.wp-post-image, .products-loop .outofstock.product-hover-swap .content-product:hover .out-of-stock + .product-content-image .image-swap img {
        opacity:  1;
    }
    .products-loop .outofstock.product-hover-swap .content-product .out-of-stock {
        z-index:  3;
        background-color:  transparent;
    }

    Regards

    Avatar: Blackbeard
    Blackbeard
    Participant
    March 30, 2018 at 12:39

    Always prompt replies, thank you Rose!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 30, 2018 at 12:44

    Dear @Blackbeard,

    You’re welcome!
    If you love XStore and have something nice to say don’t hesitate to tell about this!
    We’d appreciate if you could take a moment to give us 5-stars on ThemeForest! https://themeforest.net/downloads

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.