How to add screenshots?

<div id="ui-id-1" class="pga312ad31b23b-accordion-header pga312ad31b23b accordion-header" role="tab" aria-controls="ui-id-2" aria-selected="false" aria-expanded="false" tabindex="-1"> <span class="accordion-icon accordion-icon"> <span class="accordion-icon-idle fas fa-angle-down"></span><span class="accordion-icon-toggle fas fa-angle-up"></span> </span> <div index="" class="pga312ad31b23b-accordion-header-label accordion-header-label" > How to add screenshots? </div> </div> <div class="accordion-content" id="ui-id-2" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false"> <div class="pgfd7706624629 pg-text-wrapper" id="pgfd7706624629"> <div class="pg-text"> Please useu00a0<a href="https://imgur.com/upload" target="_blank" rel="noreferrer noopener">https://imgur.com/upload</a>u00a0to upload your screenshot and share the URL here. </div> </div> </div>

How to add the attached files?

<div id="ui-id-1" class="pgcaa9ec08a5e4-accordion-header pgcaa9ec08a5e4 accordion-header" role="tab" aria-controls="ui-id-2" aria-selected="false" aria-expanded="false" tabindex="-1"> <div index="" class="pgcaa9ec08a5e4-accordion-header-label accordion-header-label" > How to add the attached files? </div> </div> <div class="accordion-content" id="ui-id-2" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="false"> <p>You can't upload any files or attachments to our server directly for security reasons, you can use 3rd party website and share the file URL here. here is the top file-sharing website you can use.<br>dropbox.com<br>mediafire.com<br>drive.google.com<br>onedrive.live.com</p> </div>

Add Class and remove layer media (Woocommerce)?

Back to Archive

Keyword

Select Category

Question Status

Ask Question

Ticket for: Combo Blocks

gianghl1983

Jan 06, 2019 07:35 PM 1 Answers

Member Since Nov 2018

Flag(0)

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

Thanks!

2 Subscribers

Submit Answer

1 Answers

Best Answer

PickPlugins

Jan 06, 2019

Flag(0)

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 https://imgur.com/TXcJi0c

There is a filter hook for media, Please see the documentation https://pickplugins.com/documentation/post-grid/filter-hooks/filters-post_grid_filter_html_media/

you can't remove the class

just filter inside content.

Let me know for more help.

Regards

gianghl1983

- Jan 07, 2019 11:17 AM

Flag (0)

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

Many thanks!