Woocommerce product grid Layout

[franticape]

Hi guys,

i was wondering if you could answer me 2 questions:

1. me which file is controlling the look (css file) and the structure (php file that contains the HTML) of the WC products grid? ( http://prntscr.com/kah7us )

2. and also, in the ethos stack, how could i make the gray overlay clickable (make it in a way that when clicked, it would go to the product)?

Thanks in advance.

[Alaa]

Hi @elpanda13

• In this file /x/framework/functions/plugins/woocommerce.php you can search for “Shop Item Wrapper” to take a look of what we implement before and after the loop, although this file can’t be replaced in a child theme, you can hook into the actions mentioned there.

• That’s not a feature that was implemented in the theme, however, you can add this JS snippet in (Theme Options > JS):

jQuery(".entry-product .entry-header").each(function(){
  var link = jQuery(this).find('h3 a').attr('href');
  jQuery(this).click(function() {
    window.location = link;
});
});

As this is all custom development, regretfully we wont be able to assist further. Custom development is outside the scope of our support. Were happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation. And moreover, this solution may not work after several updates especially if the themes structure changed or overridden.

Thanks.