Product Label - widget error issue display output, html in a nested loop

We have identified a display error in the product label widgets. The issue lies in an incorrect loop. This becomes evident when activating two similar widgets on the same HTML block, especially in the bottom area.

<div class="product-item-info">
<a data-wpproductlabel="0" data-product-id="11781" href="https://exnovocomputer.it/apple-ipad-mini-3-79-4g-11781.html" class="product-item-photo">
<span class="product-image-container product-image-container-11781" style="width:240px;">
<span class="product-image-wrapper" style="padding-bottom: 125%;">
<img class="product-image-photo lazy" src="https://exnovocomputer.it/media/catalog/product/cache/c2c6c029daf40cae9ec48d26bfa843da/i/P/iPadMini3SpaceGray01.jpg" data-original="https://exnovocomputer.it/media/catalog/product/cache/c2c6c029daf40cae9ec48d26bfa843da/i/P/iPadMini3SpaceGray01.jpg" style="max-width: 100%; display: block;" width="240" height="300" alt="Apple iPad Mini 3 - 7.9" - 4G" loading="lazy">
<span class="wp-product-label wp-product-label-top-right ">
<span style="margin-top:2px;
border-radius:0px 16px 0px 16px;
-moz-border-radius:0px 16px 0px 16px;
-webkit-border-radius:0px 16px 0px 16px;background-color: #9C1910;color: #FFFFFF;padding: 8px;">Super Offerta</span>
</span>
<span class="wp-product-label wp-product-label-middle-right ">
<img style="margin-top:-25px;" src="https://exnovocomputer.it/media/weltpixel/productlabels/category/Touch_1_3.png">
</span>
<span class="wp-product-label wp-product-label-bottom-left ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/CARTA_2.png">
</span>
<span class="wp-product-label wp-product-label-bottom-right ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/SanValentinoIcon_1.png">
</span>
<span class="wp-product-label wp-product-label-top-right ">
<span style="margin-top:2px;
border-radius:0px 16px 0px 16px;
-moz-border-radius:0px 16px 0px 16px;
-webkit-border-radius:0px 16px 0px 16px;background-color: #9C1910;color: #FFFFFF;padding: 8px;">Super Offerta</span>
</span>
<span class="wp-product-label wp-product-label-middle-right ">
<img style="margin-top:-25px;" src="https://exnovocomputer.it/media/weltpixel/productlabels/category/Touch_1_3.png">
<span class="wp-product-label wp-product-label-top-right ">
<span style="margin-top:2px;
border-radius:0px 16px 0px 16px;
-moz-border-radius:0px 16px 0px 16px;
-webkit-border-radius:0px 16px 0px 16px;background-color: #9C1910;color: #FFFFFF;padding: 8px;">Super Offerta</span>
</span>
<span class="wp-product-label wp-product-label-middle-right ">
<img style="margin-top:-25px;" src="https://exnovocomputer.it/media/weltpixel/productlabels/category/Touch_1_3.png">
</span>
<span class="wp-product-label wp-product-label-bottom-left ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/CARTA_2.png">
</span>
<span class="wp-product-label wp-product-label-bottom-right ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/SanValentinoIcon_1.png">
</span>
</span>
<span class="wp-product-label wp-product-label-bottom-left ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/CARTA_2.png">
<span class="wp-product-label wp-product-label-top-right ">
<span style="margin-top:2px;
border-radius:0px 16px 0px 16px;
-moz-border-radius:0px 16px 0px 16px;
-webkit-border-radius:0px 16px 0px 16px;background-color: #9C1910;color: #FFFFFF;padding: 8px;">Super Offerta</span>
</span>
<span class="wp-product-label wp-product-label-middle-right ">
<img style="margin-top:-25px;" src="https://exnovocomputer.it/media/weltpixel/productlabels/category/Touch_1_3.png">
</span>
<span class="wp-product-label wp-product-label-bottom-left ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/CARTA_2.png">
</span>
<span class="wp-product-label wp-product-label-bottom-right ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/SanValentinoIcon_1.png">
</span>
</span>
<span class="wp-product-label wp-product-label-bottom-right ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/SanValentinoIcon_1.png">
<span class="wp-product-label wp-product-label-top-right ">
<span style="margin-top:2px;
border-radius:0px 16px 0px 16px;
-moz-border-radius:0px 16px 0px 16px;
-webkit-border-radius:0px 16px 0px 16px;background-color: #9C1910;color: #FFFFFF;padding: 8px;">Super Offerta</span>
</span>
<span class="wp-product-label wp-product-label-middle-right ">
<img style="margin-top:-25px;" src="https://exnovocomputer.it/media/weltpixel/productlabels/category/Touch_1_3.png">
</span>
<span class="wp-product-label wp-product-label-bottom-left ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/CARTA_2.png">
</span>
<span class="wp-product-label wp-product-label-bottom-right ">
<img src="https://exnovocomputer.it/media/weltpixel/productlabels/category/SanValentinoIcon_1.png">
</span>
</span>
</span>
</span>
</a>
<div class="product-item-details">
<strong class="product-item-name">
<a title="Apple iPad Mini 3 - 7.9" - 4G" href="https://exnovocomputer.it/apple-ipad-mini-3-79-4g-11781.html" class="product-item-link"> Apple iPad Mini 3 - 7.9" - 4G </a>
</strong>
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11781" data-price-box="product-id-11781" data-wpproductlabel="0">
<span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="old-price-11781-widget-product-grid" data-price-amount="119" data-price-type="finalPrice" class="price-wrapper ">
<span class="price">119,00 €</span>
</span>
</span>
</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">a Listino</span>
<span id="old-price-11781-widget-product-grid" data-price-amount="149" data-price-type="oldPrice" class="price-wrapper ">
<span class="price">149,00 €</span>
</span>
</span>
</span>
</div>
<div class="product-item-inner">
<div class="product-item-actions">
<div class="actions-primary">
<form data-role="tocart-form" data-product-sku="EX03-3547" action="https://exnovocomputer.it/checkout/cart/add/uenc/aHR0cHM6Ly9leG5vdm9jb21wdXRlci5pdC9wYWdpbmFkaXRlc3Rvaw%2C%2C/product/11781/" method="post">
<input type="hidden" name="product" value="11781">
<input type="hidden" name="uenc" value="aHR0cHM6Ly9leG5vdm9jb21wdXRlci5pdC9jaGVja291dC9jYXJ0L2FkZC91ZW5jL2FIUjBjSE02THk5bGVHNXZkbTlqYjIxd2RYUmxjaTVwZEM5d1lXZHBibUZrYVhSbGMzUnZhdyUyQyUyQy9wcm9kdWN0LzExNzgxLw,,">
<input name="form_key" type="hidden" value="WX3Ge2XQpTmxRPgQ">
<button type="submit" title="Aggiungi" class="action tocart primary">
<span>Aggiungi</span>
</button>
</form>
</div>
<div class="actions-secondary" data-role="add-to-links">
<a href="#" data-post="{"action":"https:\/\/exnovocomputer.it\/wishlist\/index\/add\/","data":{"product":11781,"uenc":"aHR0cHM6Ly9leG5vdm9jb21wdXRlci5pdC9wYWdpbmFkaXRlc3Rvaw,,"}}" class="action towishlist" data-action="add-to-wishlist" title="Aggiungi alla lista desideri">
<span>Aggiungi alla lista desideri</span>
</a>
<a href="#" class="action tocompare" data-post="{"action":"https:\/\/exnovocomputer.it\/catalog\/product_compare\/add\/","data":{"product":"11781","uenc":"aHR0cHM6Ly9leG5vdm9jb21wdXRlci5pdC9wYWdpbmFkaXRlc3Rvaw,,"}}" title="Aggiungi al confronto">
<span>Aggiungi al confronto</span>
</a>
</div>
</div>
</div>
</div>
</div>

Official comment

Support

February 26, 2024 16:01

Thanks for bringing this to our attention. If you believe you've found a replicable bug within the extension, please open up a ticket with our Support Team and provide the reproduction steps so we can confirm. If we manage to reproduce the problem on a clean Magento instance, we can consider the issue a bug and resolve it in a future next version of the extension.

Ced

March 04, 2024 08:44

Easy to replicate:
Two Widgets in the same page that use same products inside, labels will multiply itself for the number of products you have in.
Problems type: UID lack? While Loop logic Error?
It's an awful bug that make the product unuseful on big wall page. With only one carousel I could use other product, but I pay for this, and I want it work joyful.

March 12, 2024 15:25

Please open up a ticket with our Support Team and provide the reproduction steps so we can confirm. If we manage to reproduce the problem on a clean Magento instance, we can consider the issue a bug and resolve it in a future version of the extension.

Here is the link: https://support.weltpixel.com/hc/en-us/requests/new

Product Label - widget error issue display output, html in a nested loop

Comments

Didn't find what you were looking for?