"Add to cart panel on scroll" not work

[Andrea]

Hello,

I have two sites made with GeneratePress 2.4.1 and GP Premium 1.9.1.

One site is local and the other is staging.

Both have the same Child theme created by me, aligned with the repository on GitHub.

Both have the same GeneratePress configurations.

Both are based on Merch.

I have disabled all plugins except GP premium and WooCommerce.

The only different configurations can be present on the WooCommerce interface and on the WordPress base

Problem

Activating the flag on:

– Display add to cart panel on scroll

I can see the sticky add to cart locally, but on the staging site no.

This is the output in the DOM of the site without bugs:

<div id="wc-sticky-cart-panel" class="add-to-cart-panel show-sticky-add-to-cart" style="transform: translateY(82px);">
	<div class="inside-add-to-cart-panel grid-container grid-parent">
		<div class="product-image">
			<img width="150" height="150" src="http://localhost:8888/janomeshopr/wp-content/uploads/2018/12/Janome-780DC-150x150.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Janome 780DC" srcset="http://localhost:8888/janomeshopr/wp-content/uploads/2018/12/Janome-780DC-150x150.jpg 150w, http://localhost:8888/janomeshopr/wp-content/uploads/2018/12/Janome-780DC-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px">						
		</div>

		<div class="product-title">780 DC</div>

		<div class="product-price">
			<del><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>999.00</span></del> 
			<ins><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">€</span>849.00</span></ins>
		</div>

		<form action="?add-to-cart=3089" class="cart do-quantity-buttons" method="post" enctype="multipart/form-data">
			<div class="quantity buttons-added"><a href="javascript:void(0)" class="minus">-</a>
				<label class="screen-reader-text" for="quantity_5e1600f16b5b0">780 DC quantità</label>
				<input type="number" id="quantity_5e1600f16b5b0" class="input-text qty text" step="1" min="1" max="3" name="quantity" value="1" title="Qtà" size="4" inputmode="numeric"><a href="javascript:void(0)" class="plus">+</a>
			</div>
			<button type="submit" class="button alt">Aggiungi al carrello</button>
		</form>	
	</div>
</div>

This is the output in the DOM of the site with bugs:

<div id="wc-sticky-cart-panel" class="add-to-cart-panel">
	<div class="inside-add-to-cart-panel grid-container grid-parent">

		
	</div>
</div>

Do you have any ideas on how to solve or where to go to investigate?

Thanks so much!

[Tom]

Hi there,

Are the products you’re testing set up the same on local vs live? Some product types don’t support the sticky add to cart panel. For example, are they “Simple Products” or something else?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Andrea]

Hi Tom,

thanks for the reply.

Removing the “WooCommerce sold individually” function works correctly.

I think this feature is disabled because the “sticky add to cart” contains the input quantities. Implementing this function in your plugin would be a great job!

Many thanks,

Andrea

[Tom]

Thanks for letting me know! I’ll get this fixed in 1.10 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts