[Resolved] "Add to cart panel on scroll" not work

Home Forums Support "Add to cart panel on scroll" not work

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1125930
    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!

    #1126275
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #1131831
    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

    #1132324
    Tom
    Lead Developer
    Lead Developer

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.