Custom shop and categories product layout

[franticape]

Hi guys,

would you kindly point me to the file that PRO uses to handle the structure of the product look of the woocommerce shop and archive pages? i’m talking about this one: http://prntscr.com/kkubip

Thanks in advance.

[Alaa]

Hi @elpanda13

This is the file you are seeking for:

/pro/framework/views/ethos/woocommerce.php

However, we don’t add excessive functions/codes to that file to render WooCommerce Products, it’s only this basic woocommerce_content function, check this reference for more details.

Also, there are many CSS codes we added in this file to change the default style for WooCommerce products listings:

/pro/framework/dist/css/site/woocommerce/ethos.css

Thanks.

[franticape]

Hi,

I checked that file but it has only a few functions in there. i’m looking forthe file that contains the HTML of the entire structure (this layout http://prntscr.com/kl6en8).

i also found something similar in here: /x/framework/functions/plugins/woocommerce.php

but that file isn’t it either (although it has a few functions i’ll use later).

i remember seeing the HTML in a file in there a few months ago i just can’t remember where on earth it is.

[Alaa]

Hi @elpanda13

As mentioned in my previous reply, we don’t override this HTML code, it’s the default by WooCommerce plugin, I mean it’s the output of the actions in this file:

/woocommerce/templates/content-product.php

We only add styles to this output so it looks different than the default output. (You can double check that by switching to the default WordPress theme temporarily).

To learn more about overriding the WooCommerce functions/templates, check this guide:

How to override WooCommerce template files?

Thanks.