Remove Niche Stacked Gallery

[Jordan]

How can I remove the stacked gallery on the single product page and use the Woo Commerce gallery?

https://notecollective.com/product-category/tote-bags

[David]

Hi there,

you would need to:

1. Go to Appearance > Elements and delete ( save as draft ) the two hook elements:
Gallery Stack
Close Summary Wrap

2. In Customizer > Additional CSS and remove this block of code:

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

This will return the normal gallery as is displayed on Niche in Mobile view.

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

[Guillermo]

Hi, I’ve tried your code but it’s not working.

https://aula.artesanosfeliperoyo.com/cursos/metodos-de-muestras/

Thanks!.

[David]

The Site already has those two elements added – they need to be deleted.
And the site already has that Additional CSS – that needs to be deleted.

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

[Guillermo]

Sorry, I didn’t read “remove”, I just added the code. It works… but I would like to keep that sticky right column.

So is there a way to have the old design (two columns including description), but the sticky column as well?

Thanks.

[Tom]

Hi there,

Would it need to be sticky if there’s nowhere to scroll? Seems your site isn’t viewable right now so I can’t check it out.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Guillermo]

Hi,
I’m really sorry if I can’t explain myself better, it must be frustrating help other people with this barrier(language).

So!, I have undone all changes, and removed the gallery. As you can see, it still have the sticky effect.

View post on imgur.com

In the circle it should appear the gallery.

Thanks for all your support.

[David]

Can yo remove your Coming Soon page so we can see the site ?

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

[Guillermo]

It’s already removed, can it be the cache?

It’s weird because I never actived since I open the ticket.

[David]

I am just seeing the orange icon and a message: ‘Stay tuned’ – this is on a cacheless browser….

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

[Guillermo]

The plugin is deactivated.
I’ve tried with Chrome, Opera and Firefox on private mode.
If I scan the site using pagespeed everything looks fine.

I’m trying to figured out what is the problem and it doesn’t make any sense. I’m going to ask my server provider, just in case…

Sorry for the inconvenience.

[David]

No problem.
Let us know if you need any further help.

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

[Author]

Posts