Issue with custom woocomerce product

Hi there,

I’ve just had a look at the link your share although I wasn’t able to replicate the same thing. To illustrate that better, here’s what I’m seeing:

Link to image: https://d.pr/i/FJfwKs

Are there any specific steps we should be following to see that in action?

As for AMP compatibility, this more focuses on the theme that the plugin itself. To add your voice on that feature, please have a look at https://ideas.woocommerce.com/forums/133476-woocommerce/suggestions/34305880-amp

Hi,
Please check this url https://www.zotezo.com/in/reviews/anaflam-th-4-tablet/?amp see 1) top most header after long white space 2):scroll below and see some of icons are right alignment.
Issues are here https://writer.zotezo.com/AMP-ISSUE/1.png
https://writer.zotezo.com/AMP-ISSUE/2.png
https://writer.zotezo.com/AMP-ISSUE/3.png
Custom code is here https://writer.zotezo.com/AMP-ISSUE/code.rar
Please help me to find the issue in amp
Thanks,

Hi,
>>As for AMP compatibility, this more focuses on the theme that the plugin itself. To add your voice on that feature, please have a look at
What to send here? Theme file or name of the theme? By the way we are using Astra theme..
Thanks

Hey again!

All of the issues you sent pictures of, or links to, are issues with the theme you are using, not anything WooCommerce is doing. Also, the issue you are seeing is not present on anything I can check with, it seems to only be showing in the emulated dreamweaver browser you are using.

>What to send here? Theme file or name of the theme? By the way we are using Astra theme..

That link that RK sent would be a great place to note the issue you are seeing, but also note that any issues you are seeing are more than likely with the theme, and not WooCommerce. The theme would handle the display on the frontend, from your image issues, to the AMP display.

Hopefully that helps! Have a great one!

Hi,

Also, the issue you are seeing is not present on anything I can check with, it seems to only be showing in the emulated dreamweaver browser you are using

Cannot understand that? Can you please clarify?
For this issue https://www.zotezo.com/in/reviews/anaflam-th-4-tablet/?amp image not showing and top white space can you please help me to resolve?
Any other references who will resolve this issue?
Thanks

Hello,
For this category also https://dev1.zotezo.com/in/reviews-category/health-devices/?amp
There are differences in the images that appearing in AMP and those that are not. For the ones that are not appearing it looks like they have a height of 1px.

Untitled – Gravit Designer

<li class="ast-col-sm-12 ast-article-post product type-product post-196734 status-publish first instock product_cat-body-supports product_cat-hand-wrist product_tag-buy-cheap-tynor-weight-cuff-1-0-kg product_tag-buy-online-tynor-weight-cuff-1-0-kg product_tag-buy-tynor-weight-cuff-1-0-kg product_tag-buy-tynor-weight-cuff-1-0-kg-from-zotezo-com-online has-post-thumbnail shipping-taxable product-type-simple">
	<div class="astra-shop-thumbnail-wrap"><a href="https://www.zotezo.com/in/reviews/tynor-weight-cuff-1-0-kg/?amp" class="woocommerce-LoopProduct-link woocommerce-loop-product__link" rel="amphtml"><amp-img width="1" height="1" src="https://www.zotezo.com/wp-content/uploads/2020/04/tynor-weight-cuff-1-kg.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail amp-wp-enforced-sizes i-amphtml-layout-intrinsic i-amphtml-layout-size-defined i-amphtml-element i-amphtml-layout" alt="" layout="intrinsic" i-amphtml-layout="intrinsic" style="--loader-delay-offset:223ms !important;"><i-amphtml-sizer class="i-amphtml-sizer"><img alt="" aria-hidden="true" class="i-amphtml-intrinsic-sizer" role="presentation" src="data:image/svg+xml;charset=utf-8,<svg height=&quot;1&quot; width=&quot;1&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; version=&quot;1.1&quot;/>"></i-amphtml-sizer><noscript><img width="1" height="1" src="https://www.zotezo.com/wp-content/uploads/2020/04/tynor-weight-cuff-1-kg.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt=""></noscript><img decoding="async" alt="" src="https://www.zotezo.com/wp-content/uploads/2020/04/tynor-weight-cuff-1-kg.jpg" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img></a></div><div class="astra-shop-summary-wrap"><a href="https://www.zotezo.com/in/reviews/tynor-weight-cuff-1-0-kg/?amp" class="ast-loop-product__link" rel="amphtml"><h2 class="woocommerce-loop-product__title">Tynor Weight Cu...</h2></a><a href="https://www.zotezo.com/in/reviews/tynor-weight-cuff-1-0-kg/?amp" class="re_track_btn woo_loop_btn btn_offer_block product_type_cegg" rel="amphtml">
View Prices </a><div class="star-rating"><span data-amp-original-style="width:0%" class="amp-wp-9c33ea5">Rated <strong class="rating">0</strong> out of 5</span></div>			<span class="ast-woo-product-category">
				Body Supports			</span> 
			</div></li>

What is this here? class=”woocommerce-LoopProduct-link woocommerce-loop-product__link?