[Resolved] Woocommerce Single Product Page – swap panels?

Home Forums Support Woocommerce Single Product Page – swap panels?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1405890
    Antar

    Hello, All

    Is there a simple way to swap over the single product page panels – i.e. put the summary on the left and the product image on the right?

    Just for a change!

    Thanks

    Antar

    #1405993
    David
    Staff
    Customer Support

    Hi there,

    It is possible to unhook/re-hook the gallery and the summary – but things get a little messy.
    Simple way is to use some Flexbox CSS:

    @media(min-width: 769px) {
        .single-product.woocommerce div.product {
            display: flex;
            flex-wrap: wrap;
        }
        
        .woocommerce #content div.product div.summary {
            order: -1;
            width: calc(50% - 40px);
            margin-right: 40px;
        }
        
        .woocommerce #content div.product div.images {
            margin-right: 0;
        }
    }
    #1406003
    Antar

    Fiendish! Thanks, David.

    #1406045
    David
    Staff
    Customer Support

    🙂 Glad to be of help

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