[Support request] Remove Niche Stacked Gallery

Home Forums Support [Support request] Remove Niche Stacked Gallery

Home Forums Support Remove Niche Stacked Gallery

  • This topic has 11 replies, 4 voices, and was last updated 4 years ago by David.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #974153
    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

    #974161
    David
    Staff
    Customer Support

    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.

    #1260846
    Guillermo

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

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

    Thanks!.

    #1261392
    David
    Staff
    Customer Support

    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.

    #1261591
    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.

    #1262118
    Tom
    Lead Developer
    Lead Developer

    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.

    #1262398
    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.

    #1262778
    David
    Staff
    Customer Support

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

    #1263043
    Guillermo

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

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

    #1263089
    David
    Staff
    Customer Support

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

    #1263108
    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.

    #1263434
    David
    Staff
    Customer Support

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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.