Issues with the productpage Woocommerce (Theme Niche)

[emanuel.b2b@gmail.com]

Hello, I have two problems with Woocommerce. First, no pictures are displayed on the product pages and the bigger issue is when I’m scrolling down on the product page, the product heading with the product description below becomes blurred. What can be the reasons for that?

Thank you very much! Best
Emanuel

[emanuel.b2b@gmail.com]

It happens just, when the page is fullscreen. Not when it’s mobile.

[David]

Hi there,

the Niche site adds a stacked Gallery to the desktop view using a Hook element.
It looks like you have disabled that.

Which means you also to remove the related CSS – go to Customizer > Additional CSS.
Delete this:

/* Stacked Gallery for desktop and sticky summary */
@media (min-width: 768px) {
    .woocommerce-product-gallery {
        display: none;
    }

    .woo-sumamry-wrap {
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: auto;
        margin-bottom: 80px;
    }

    .woo-gallery-stack {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .woo-gallery-stack img {
        margin-bottom: 20px;
    }

    .woocommerce-tabs {
        grid-column: 1;
    }

    .woocommerce div.product div.summary {
        grid-column: 2;
        grid-row: 1;
        margin-left: 80px;
        position: -webkit-sticky;
        position: sticky;
        top: 105px;
        bottom: 100px;
        padding-right: 80px;
    }

    .single-product span.onsale {
        position: absolute;
        top: 0;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[emanuel.b2b@gmail.com]

Thank you so much! Problem solved. 😀

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts