[Resolved] It's possible to make the woocommerce product page as this webpage?

Home Forums Support [Resolved] It's possible to make the woocommerce product page as this webpage?

Home Forums Support It's possible to make the woocommerce product page as this webpage?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #781259
    Richard

    Hello guys,

    I want to make my e-commerce shop like this: https://www.schmeck.com/usd/product/schmeck-shirt-burgundy/

    Where it have a sticky sidebar (with product info) and the images are all visible without thumbnails.

    GeneratePress 2.2.1
    GP Premium 1.7.7
    #781321
    David
    Staff
    Customer Support

    Hi there,

    unfortunately that would require some heavy custom coding, particularly the stacked product images.

    #781682
    Richard

    Ok! Thank you for your reply

    #781694
    David
    Staff
    Customer Support

    OK, had a little play – its not 100% alike ie. no hover zoom but something you can have a go at – not much more we can do in this forum though:

    1. Add the following PHP:

    add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) {
    return 'large';
    } );

    https://docs.generatepress.com/article/adding-css/

    2. Add this CSS:

    @media (min-width: 768px) {
        .woocommerce div.product div.images .flex-control-thumbs li {
            width: 100%;
            padding: 0 !important;
            margin: 0.5em 0;
        }
        
        .woocommerce-page div.product div.summary {
            position: -webkit-sticky;
            position: sticky;
            top: 60px; /* adjust for sticky navigation - if not set to zero */
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.