Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    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

    Thread Starter kmendez

    (@kmendez)

    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!

    Plugin Author ILLID

    (@mihail-barinov)

    Can you please give me links to those screenshots? For now I don’t see them.

    Regards

    Thread Starter kmendez

    (@kmendez)

    Plugin Author ILLID

    (@mihail-barinov)

    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

    Thread Starter kmendez

    (@kmendez)

    Terrific! Thank you very much ??

    Plugin Author ILLID

    (@mihail-barinov)

    Glad to help.

    Thread Starter kmendez

    (@kmendez)

    Installed the update it worked like a charm! thank you.

    Thread Starter kmendez

    (@kmendez)

    – 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=&quot;15px&quot; width=&quot;15px&quot; viewBox=&quot;0 0 471.701 471.701&quot;>
               <span class=&quot;wishlist-btn-text&quot;>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=&quot;15px&quot; width=&quot;15px&quot; viewBox=&quot;0 0 471.701 471.701&quot;>
    <span class=&quot;wishlist-btn-text&quot;>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.

    Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    I just released a new plugin version that has a fix for this problem. Please update.

    Regards

    Thread Starter kmendez

    (@kmendez)

    Terrific! Thank you very much : )

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘labels not showing on Woolentor’s archive layout’ is closed to new replies.