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 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 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 >Amica Chips</a> </div> <div class="ht-product-categories"><a >Para picar</a></div> <h4 class="ht-product-title"><a >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!