WooCommerce Full Width Single Product Summary Page Elements

By default, WooCommerce displays all the single product summary elements in a separate column to the product image and gallery images which you can see in the following image:

2-columns

If you want the product images to span the full width of the main content area and all other product summary elements, you can do this using CSS so the result looks like the following screenshot:

full-width

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.