• bash88

    (@bash88)


    Hi guys,

    Awesome theme! Really flexible and intuitive.

    I’ve come across a problem that I don’t know how to fix myself. When I activate Ajax on my product filter plugin and filter products on the frontend the results
    show with some duplicate product content (image, price, add-to-cart button) printed in .wc-product__part.wc-product__title.

    Really weird. Could you maybe help me with this?

    Regards,
    Bas

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author PressMaximum

    (@pressmaximum)

    Hi @bash88,

    Can you show your site URL?

    Thread Starter bash88

    (@bash88)

    Hi @pressmaximum,

    Thanks for your reply!

    I’m on my local dev environment so I can’t show you online. How can I best provide you with what you need to look into this? Screenshot? Rendered code:

    <li class="post-1567 type-product status-publish has-post-thumbnail product_cat-music product first instock downloadable virtual purchasable product-type-simple customify-col" style="opacity: 1;">
    	<div class="wc-product-inner">
    	<div class="wc-product-media"><a href="https://localhost/product/album/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><img width="300" height="300" src="https://localhost/wp-content/uploads/2018/11/album-1-300x300.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://localhost/wp-content/uploads/2018/11/album-1-300x300.jpg 300w, https://localhost/wp-content/uploads/2018/11/album-1-150x150.jpg 150w, https://localhost/wp-content/uploads/2018/11/album-1-768x768.jpg 768w, https://localhost/wp-content/uploads/2018/11/album-1-600x600.jpg 600w, https://localhost/wp-content/uploads/2018/11/album-1-100x100.jpg 100w, https://localhost/wp-content/uploads/2018/11/album-1.jpg 800w" sizes="(max-width: 300px) 100vw, 300px"></a></div><div class="wc-product-contents"><a href="https://localhost/product/album/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a><div class="wc-product__part wc-product__category show-in-grid show-in-list"><a href="https://localhost/product/album/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a><a class="text-uppercase text-xsmall link-meta" href="https://localhost/product-categorie/music/" rel="tag">Music</a></div><div class="wc-product__part wc-product__title show-in-grid show-in-list"><img width="300" height="300" src="https://localhost/wp-content/uploads/2018/11/album-1-300x300.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://localhost/wp-content/uploads/2018/11/album-1-300x300.jpg 300w, https://localhost/wp-content/uploads/2018/11/album-1-150x150.jpg 150w, https://localhost/wp-content/uploads/2018/11/album-1-768x768.jpg 768w, https://localhost/wp-content/uploads/2018/11/album-1-600x600.jpg 600w, https://localhost/wp-content/uploads/2018/11/album-1-100x100.jpg 100w, https://localhost/wp-content/uploads/2018/11/album-1.jpg 800w" sizes="(max-width: 300px) 100vw, 300px"><h2 class="woocommerce-loop-product__title"><a href="https://localhost/product/album/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Album</a></h2>
    	<span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>15.00</span></span>
    </div><div class="wc-product__part wc-product__price show-in-grid show-in-list">
    	<span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>15.00</span></span>
    </div><div class="wc-product__part wc-product__description hide-in-grid show-in-list"><div class="woocommerce-loop-product__desc"><p>This is a simple, virtual product.</p>
    </div></div><div class="wc-product__part wc-product__add_to_cart show-in-grid show-in-list"><a href="https://localhost/product/album/?add-to-cart=1567" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1567" data-product_sku="woo-album" aria-label="Voeg 'Album' toe aan je winkelmand" rel="nofollow"><span class="button-label">In winkelmand</span></a></div><a href="https://localhost/product/album/?add-to-cart=1567" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="1567" data-product_sku="woo-album" aria-label="Voeg 'Album' toe aan je winkelmand" rel="nofollow"><span class="button-label">In winkelmand</span></a></div>	</div>
    </li>
    Theme Author PressMaximum

    (@pressmaximum)

    Hi @bash88,

    I think this is not the theme issue and would suggest you contact the plugin author and ask them to help or investigate what cause of the problem.

    If you need further assistance, we’d be happy to help.

    Thread Starter bash88

    (@bash88)

    Hi Guys,

    Me again. When I activate the twenty seventeen theme the plugin works fine, so the plugin author is referring me back to you.

    When I ajax filter products with Customify being active the results show with some duplicate product content (image, price, add-to-cart button) printed in .wc-product__part.wc-product__title.

    Could you maybe point me in the right direction? Is your html structure different from the standard Woocommerce product loop?

    Screenshot here, code sample in previous post.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Woocommerce Ajax double products’ is closed to new replies.