Site logo

Archived topic

Issues with the productpage Woocommerce (Theme Niche)

4 replies · Started by Emanuel on June 11, 2020

Viewing posts 1–5 of 5

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

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

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;
    }
}

Thank you so much! Problem solved. :D

You're welcome

This archived topic is closed to new replies.