Stack product layout

  • Resolved mercury168

    (@mercury168)


    7 years, 8 months ago

    Hi there,

    Currently the stock layout in woocommerce is a column type with the gallery on the left column and the title + summary + add to cart are on the right column. Am trying to stack it as a row so that the gallery is a full width (i have a sidebar and wish to keep it) on the top row, and then put the title + summary + add to cart on the 2nd row below the gallery.

    So from this:

    to this:

    I found a plugin to that called “WooCommerce Stacked Product Layout” but it does not work and their support forum has not been answered for months so it seems like an abandoned plugin.

    Hope you can help me out. Hope to hear from you. Cheers.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello Mercury,

    You can do this by writing custom CSS code.

    .woocommerce-page div.product div.summary {
    width: 100%!important;
}
.woocommerce-page div.product div.images {
    width: 100%!important;
}

    Hope it will solve your problem.

    Thread Starter mercury168

    (@mercury168)

    Thank you so much Poonam! That did it! You saved my day! Cheers!

    Glad to know that.

    If your question has been answered, I would love if you would mark this topic as resolved in the left hand sidebar.

    Cheers,

    Thread Starter mercury168

    (@mercury168)

    Resolved ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Stack product layout’ is closed to new replies.