[Resolved] Single Product Page – Switch sides (Image to the right, Product info left)

Home Forums Support Single Product Page – Switch sides (Image to the right, Product info left)

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1291714
    Kevin

    Hello.
    I would like to flip top part of the single product page.

    I would like to have product image appear right side and have right side (product name, price, short description..etc) appear to the left half. Basically flip sides.

    Is there simple way to achieve this?

    Also, I would only like this to happen when it’s desktop/tablet view. Would like image on top when it’s mobile view.

    Thank you.

    #1291806
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media (min-width: 769px) {
        .woocommerce #content div.product div.images,
        .woocommerce div.product div.images,
        .woocommerce-page #content div.product div.images,
        .woocommerce-page div.product div.images {
            float: right;
            margin-right: unset;
            margin-left: 4%;
        }
    }
    #1296252
    Kevin

    Thank you.

    #1296482
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.