Add Class and remove layer media (Woocommerce)?

Support reply may delay for 3 weeks due to corona virus outbreak, please send us email to
Ticket for: Post Grid
Jan 06, 2019 07:35 PM 1 Answers
Member Since Nov 2018
Subscribed Subscribe Not subscribe

I create grid for Woocommerce and I notice that the layout like this:
<div class="layer-media">
MEDIA/Image of product
<div class="layer-content">
<div class="wc_regular_price">£12312321</div>
<div class="wc_add_to_cart">Add to cart</div>

The thumbnail always is 200*300

My questions is:
1. How I can change the size of thumbnail?
2. How I can get rid of div with class = layer-media, so I can create my own thumbnail on div with class = layer-content?


2 Subscribers
Submit Answer
Please login to submit answer.
1 Answers
Sort By:
Best Answer
Jan 06, 2019

Welcome to our forum.

If you are using default featured image please see there is an option to select featured image size under

Layout settings > Featured Image size

Please see the screenshot

There is a filter hook for media, Please see the documentation

you can’t remove the class  <div class="layer-media"> just filter inside content.

Let me know for more help.


- Jan 07, 2019 11:17 AM
Flag (0)

Cool! I think that is all I need :D!

Many thanks!

Sign in to Reply
Replying as Submit

Please use to upload your screenshot and share url here.
You can't upload any files or attachment to our server directly for security reason, you can use 3rd party website and share file url here. here is the top file sharing website you can use.

Please login to see your tickets