kmendez
Forum Replies Created
-
Hello,
The issue is that tab navigation is not working properly; If you click on a tab on the left, the content should appear on the right. That’s the way woocommerce “My Account” page always worked.
https://drive.google.com/file/d/1H69xj77Iwy1zwvg2VMf1Ky2pSYEdzbpd/view?usp=sharing
Terrific! Thank you very much : )
– 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.
Installed the update it worked like a charm! thank you.
Terrific! Thank you very much 😉
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!