[Resolved] Single product Image gallery and product rating not showing with Elementor.

[Maialen Uribarren]

Hello,

I use Niche template from site library.

I am editing single product page with elementor, and the image gallery and product rating are not showing.
This message is shown: The style of this widget is often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins.

What can I do to resolve it?

[David]

Hi there,

can you share me a link to your site where i can see the issue?

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

[Maialen Uribarren]

Hi David,

Our site staging link is the next:

[David]

The Niche theme uses Custom CSS and a couple of custom hooks to create the original stacked gallery layout, which won’t work on Elementor.

First go to Appearance > Elements and Delete the two Hooks titled:

Gallery Stack
Close Summary Wrap

Then in Customizer > Additional CSS – delete this:

@media (min-width: 768px) {
    .woocommerce-product-gallery {
        display: none;
    }

    .woo-summary-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/

[Maialen Uribarren]

Hello David,

The product gallery image problem is solved. Thank you so much.

What can I do to show te product ratings?

[David]

Whats wrong with the Product Ratings (reviews) ?

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

[Maialen Uribarren]

As it happened with the product gallery images, in single product page the product rating stars are not showing.

[David]

Is Display Rating checked in Customizer > Layout > Woocommerce ?

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

[Maialen Uribarren]

Hi David,

problem solved! Thank you so much!

[David]

Glad to be of help

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

[Author]

Posts