How to change products layout?

Hi there,

I dont want to use css to do it. How can i do it?

You can use https://www.ads-software.com/plugins/woo-gutenberg-products-block/ to layout this.

Alternative: Use a page builder i.e. Elementor. The pro version allows you to also layout WooCommerce pages.

Kind regards,

Hi, i dont want to use plugins ??

• This reply was modified 3 years, 8 months ago by digiart1975.

Hey @digiart1975,

If you don’t wish to use plugins the only alternative you would have would require you to be experienced with PHP, HTML and CSS development techniques to modify and create a new layout.

If you’re not familiar when modern web development techniques and would like to investigate a non-plugin possibility further, you could reach out to some of the official WooCommerce development partners via this link below who could write the code for you.

https://woocommerce.com/customizations/

i am a developer, just dont know the plugin structure. That is why i need to know wich files to make changes. would be in the content-product.php file? i need to change the position of title, buy button and other things

Hi there

A developer can make changes to the layout of WooCommerce shop, product category and product pages in an upgrade-safe way using overrides. Copy the template into a directory within your theme named /woocommerce keeping the same file structure but removing the /templates/ subdirectory.

Tip: Copy only the template files you want to override.

The structure of the template folder for WooCommverce v5.0 can be found on Github here

Example: To override the admin order notification, copy: wp-content/plugins/woocommerce/templates/emails/admin-new-order.php to wp-content/themes/yourtheme/woocommerce/emails/admin-new-order.php

For more information you can see our Codex for developers here.

Hello, thanks for the reply.