woocommerce products layout

Posted in: Newspaper
Post count: 73

Hello!

Please tell me how to do on the page of woocommerce products to make the products larger and wider layout.

1 – what is now – https://yadi.sk/i/pxy8MY-hW2PrQA (https://mishki.su/magazin/)

2. what I would like to do – https://yadi.sk/i/jhG52C2eTXaJcg

Post count: 20688

Hi,

The default woocommerce page cannot be edited with the composer, it will occupy the full theme width of 1068px. If there were only two products per row they will be larger.

You could also design a page with the composer and woocommerce shortcodes
https://forum.tagdiv.com/topic/how-to-display-products/
https://docs.woocommerce.com/document/woocommerce-shortcodes/
With the tagDiv composer row can be stretched – http://prntscr.com/lxfszn
Then set that page as shop page in woocommerce settings.

Also the thumbnail width can be set higher than the default 300 for more quality results (Appearance->Customize)
http://prntscr.com/lxgjmf

Thanks

Post count: 73

please tell me what code and where to edit to stretch the page woocommerce default (stretch row with padding)?

Post count: 20688

The default shop page cannot be edited with the composer and stretched, as I mentioned above. That will be possible only if you build a page with the composer, display products in it, stretch the rows etc.

I could give you some CSS and force the width like this – http://prntscr.com/lxhvfr
Note that it will also affect product category pages.

Enter it in Advanced CSS in the desktop field – http://prntscr.com/lxhwh4

.woocommerce-page.archive
.td-main-content-wrap .td-container {
width: 100%;
max-width: 80%;
}

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.