labels not showing on Woolentor’s archive layout
-
Hello there,
I’m having issues getting AWL to work with woolentor’s filterable product archive layouts it works with the “default” layout but not for the custom one, I tried this solution> https://wordpress.org/support/topic/how-to-hook-it-to-woolentor/ but had no luck. How can i insert/hook the labels inside Woolentor’s layout?
-
Hi,
So, as I understand, you build a custom product archive layout with a woolentor plugin. Can you please tell me how you build it – what blocks you are using for it. Maybe you can show me some screenshots from the blocks editor where I can see the structure of the page?
Regards
Helllo, thanks for your fast repply,
It’s not my built “WL product archive layout (custom)” is the name of the woolentor element (see screenshot 1).
Weirdly a similiar layout; “WL Universal product layout” shows the AWL labels perfectly (see screenshot 2). ( I can’t use this one because its not filterable.)
Below the HTML of the “WL product archive layout (custom)”:
<div class="elementor-element elementor-element-5adf9581 wl-columns-3 elementor-widget elementor-widget-woolentor-custom-product-archive" data-id="5adf9581" data-element_type="widget" data-widget_type="woolentor-custom-product-archive.default"> <div class="elementor-widget-container"> <div class="ht-products wl-filterable-products-wrap" data-wl-widget-name="woolentor-custom-product-archive"> <div id="wl-shop-tab-area-5adf9581" class="wl-shop-tab-area grid_view wl-filterable-products-content"> <div class="woocommerce columns-3 "><div class="woolentor-before-shop"> <ul id="wl-shop-tab-links-5adf9581" class="wl-shop-tab-links"> <li><a href="#grid-5adf9581" data-tabvalue="grid_view" class="htactive" aria-label="Grid" rel="nofollow"><i class="sli sli-grid"></i></a></li> <li><a href="#list-5adf9581" data-tabvalue="list_view" class="" aria-label="List" rel="nofollow"><i class="sli sli-menu"></i></a></li> </ul> <div class="woocommerce-notices-wrapper"></div><p class="woocommerce-result-count"> Showing all 3 results</p> <form class="woocommerce-ordering" method="get"> <select name="orderby" class="orderby" aria-label="Shop order"> <option value="menu_order" selected="selected">Default sorting</option> <option value="popularity">Sort by popularity</option> <option value="rating">Sort by average rating</option> <option value="date">Sort by latest</option> <option value="price">Sort by price: low to high</option> <option value="price-desc">Sort by price: high to low</option> </select> <input type="hidden" name="paged" value="1"> </form> </div><div class="woolentor-products wl-row columns-3 wlno-gutters " data-settings=""> <!--Product Grid View Start--> <div class="wlshop-grid-area ht-product product mb-30 wl-col-3 ht-product-action-right ht-product-countdown-bottom quick-cart-enable product-type-simple" data-id="443"> <div class="ht-product-inner"> <div class="ht-product-image-wrap"> <span class="ht-product-label ht-product-label-right">Sale!</span> <div class="ht-product-image"> <a href="https://nutri.do/tienda/otro" aria-label="Amica – Bolitas de harina de maíz con queso 125g"> <img src="https://nutri.do/wp-content/uploads/2022/09/amica-palitos.png" class="attachment-large size-large" alt="" decoding="async" loading="lazy" srcset="https://nutri.do/wp-content/uploads/2022/09/amica-palitos.png 936w, https://nutri.do/wp-content/uploads/2022/09/amica-palitos-300x300.png 300w, https://nutri.do/wp-content/uploads/2022/09/amica-palitos-100x100.png 100w, https://nutri.do/wp-content/uploads/2022/09/amica-palitos-600x600.png 600w, https://nutri.do/wp-content/uploads/2022/09/amica-palitos-64x64.png 64w, https://nutri.do/wp-content/uploads/2022/09/amica-palitos-150x150.png 150w, https://nutri.do/wp-content/uploads/2022/09/amica-palitos-768x768.png 768w" sizes="(max-width: 800px) 100vw, 800px" width="800" height="800"> </a> </div> <div class="ht-product-action"> <ul class="woolentor-action-btn-area"> <li> <a href="#" class="woolentorquickview" data-quick-id="443" aria-label="Amica – Bolitas de harina de maíz con queso 125g"> <i class="sli sli-magnifier"></i> <span class="ht-product-action-tooltip">Quick View</span> </a> </li> <li><a href="https://nutri.do/mis-listas" class="wishsuite-btn wishsuite-button wishsuite-shop-top_thumbnail wishsuite-product-custom_position wishlist">Añadido</span>" data-product_id="443"><img src="https://nutri.do/wp-content/uploads/2023/05/note.svg" alt="Listas"><span class="wishsuite-loader"><svg height="15px" width="15px" viewBox="0 0 471.701 471.701"> <g class="loading">cargando</g></svg></span><span class="wishsuite-btn-text">Listas</span></a></li> <li class="woolentor-cart"><a href="?add-to-cart=443" data-quantity="1" class="button wp-element-button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="443" data-product_sku="00001-1" aria-label="Add “Amica – Bolitas de harina de maíz con queso 125g” to your cart" rel="nofollow">Añadir al carrito</a></li> </ul> </div> </div> <div class="ht-product-content"> <div class="ht-product-content-inner"> <div class="ht-product-categories ht-product-brand"> <a href="https://nutri.do/marca/amica-chips">Amica Chips</a> </div> <div class="ht-product-categories"><a href="https://nutri.do/producto-categoria/alimentos/para-picar">Para picar</a></div> <h4 class="ht-product-title"><a href="https://nutri.do/tienda/otro">Amica – Bolitas de harina de maíz con queso 125g</a></h4> <div class="ht-product-price"> <span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">RD$</span>119</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">RD$</span>100</bdi></span></ins></span> </div> <div class="ht-product-ratting-wrap"></div> </div> </div> </div> </div> <!--Product Grid View End-->
Thank’s in advance!
Can you please give me links to those screenshots? For now I don’t see them.
Regards
Thanks. Looks like I already found a solution for this problem.
On Monday I will release a new plugin version with a needed fix.
Regards
Terrific! Thank you very much 😉
Glad to help.
Installed the update it worked like a charm! thank you.
– Hello again Mihail, how you doing?
I saw the latest advanced woo labels update and was thrilled to see the new enhacements i’m definitely upgrading to premium now!
Now, to the point of this thread;
I have an issue with woolentor’s “Related” and “Upsell” product layouts. AWL labels show on “WL: Related Product” and “WL: Upsell Product layout”, but they would not show on “WL: Related Product layout ( Custom ) and “WL: Upsell Product layout ( Custom )”
Here is the HTML of the “WL: Related Product layout ( Custom )”:
<div class="elementor-element elementor-element-64909bd elementor-widget elementor-widget-woolentor-related-product-custom" data-id="64909bd" data-element_type="widget" data-widget_type="woolentor-related-product-custom.default" style="z-index: auto;"> <div class="elementor-widget-container"> <div class="ht-row"><div class="ht-col-lg-12 ht-col-md-12 ht-col-sm-12 ht-col-xs-12"><h2 class="wlrelated_product_title">Related Product</h2></div></div> <div class=" ht-products woocommerce ht-row" dir="ltr" data-settings=""> <!--Product Start--> <div class="ht-product ht-col-lg-4 ht-col-md-6 ht-col-sm-6 ht-col-xs-12 mb-30 product ht-product-action-right ht-product-countdown-fill" data-id=""> <div class="ht-product-inner"> <div class="ht-product-image-wrap"> <span class="ht-product-label ht-product-label-right">Sale!</span> <div class="ht-product-image"> <a href=""> <img src="" class="attachment-large size-large" alt="" decoding="async" loading="lazy" srcset="" sizes="(max-width: 800px) 100vw, 800px" width="800" height="800"> </a> </div> <div class="ht-product-action"> <ul class="woolentor-action-btn-area"> <li> <a href="#" class="woolentorquickview" data-quick-id="" aria-label=""> <i class="sli sli-magnifier"></i> <span class="ht-product-action-tooltip">Quick View</span> </a> </li> <li><a href="" class="wishlist-btn wishlist-button wishlist-shop-top_thumbnail wishlist-product-custom_position wishlist" data-added-text="<svg height="15px" width="15px" viewBox="0 0 471.701 471.701"> <span class="wishlist-btn-text">Added</span>" data-product_id="3082"><img src="" alt="Whishlists"><span class="wishsuite-loader"><svg height="15px" width="15px" viewBox="0 0 471.701 471.701"><g class="loading"><path d=""></path><path d=""></path></g></svg></span><span class="wishsuite-btn-text">Wishlist</span></a></li> <li class="woolentor-cart"><a href="?add-to-cart=" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="" data-product_sku="" aria-label="Add “” to your cart" aria-describedby="" rel="nofollow">Add to cart</a></li> </ul> </div> </div>
Here is the HTML of the “WL: Upsell Product layout ( Custom )”:
<div class="elementor-element elementor-element-4119b0c elementor-widget elementor-widget-woolentor-upsell-product-custom" data-id="" data-element_type="widget" data-widget_type="woolentor-upsell-product-custom.default" style="z-index: auto;"> <div class="elementor-widget-container"> <div class="ht-row"><div class="ht-col-lg-12 ht-col-md-12 ht-col-sm-12 ht-col-xs-12"><h2 class="wlupsell_product_title">You may also like…</h2></div></div> <div class=" ht-products woocommerce ht-row" dir="ltr" data-settings=""> <!--Product Start--> <div class="ht-product ht-col-lg-3 ht-col-md-6 ht-col-sm-6 ht-col-xs-12 mb-30 product ht-product-action-right ht-product-countdown-fill" data-id=""> <div class="ht-product-inner"> <div class="ht-product-image-wrap"> <span class="ht-product-label ht-product-label-right">Sale!</span> <div class="ht-product-image"> <a href=""> <img src="" class="attachment-large size-large" alt="" decoding="async" loading="lazy" srcset="" sizes="(max-width: 800px) 100vw, 800px" width="800" height="800"> </a> </div> <div class="ht-product-action"> <ul class="woolentor-action-btn-area"> <li> <a href="#" class="woolentorquickview" data-quick-id="" aria-label=""> <i class="sli sli-magnifier"></i> <span class="ht-product-action-tooltip">Quick View</span> </a> </li> <li> <a href="" class="wishlist-btn wishlist-button wishlist-shop-top_thumbnail wishlist-product-custom_position wishlist" data-added-text="<svg height="15px" width="15px" viewBox="0 0 471.701 471.701"> <span class="wishlist-btn-text">Added</span>" data-product_id="3082"><img src="" alt="Whishlists"><span class="wishsuite-loader"><svg height="15px" width="15px" viewBox="0 0 471.701 471.701"> <g class="loading"><path d=""></path><path d=""></path></g></svg></span><span class="wishsuite-btn-text">Wishlist</span></a></li> <li class="woolentor-cart"><a href="?add-to-cart=" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="" data-product_sku="" aria-label="Add “” to your cart" aria-describedby="" rel="nofollow">Add to cart</a></li> </ul> </div> </div>
Can you help solve that? Thank’s in advance bro.
Hi,
I just released a new plugin version that has a fix for this problem. Please update.
Regards
Terrific! Thank you very much : )
- The topic ‘labels not showing on Woolentor’s archive layout’ is closed to new replies.