Title: Using with WooCommerce
Last modified: August 21, 2016

---

# Using with WooCommerce

 *  Resolved [BlottedInq](https://wordpress.org/support/users/blottedinq/)
 * (@blottedinq)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/using-with-woocommerce-2/)
 * Hello,
 * [Warning: this may be a complex problem, but I’m not privy to much code so I 
   figured I would try :-)]
    I saw this plugin and I jumped to download at the potential
   for a site I am building for a client. However, I am wondering if this can be
   used with the “Add To Cart” button on WooCommerce; but only on specific items.
   I would also need specific boxes for specific products as opposed to all products
   giving the same sliding notification.
 * I have tried making it automatically slide in when it goes to the “already added
   to cart page” specifically – as I only need to sliding box to appear on products
   that can be added to the cart only once – with little to no success 🙁
 * Either way, amazing plugin – but this would make it beyond amazing for me! (Know
   tons of people willing to pay/donate if this can be applied somehow)
 * Thank you and if anyone has an idea, feel free as I am willing to try anything
   and I am also under a deadline! Thanks
 * -Blot
 * [http://wordpress.org/plugins/scroll-triggered-boxes/](http://wordpress.org/plugins/scroll-triggered-boxes/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/using-with-woocommerce-2/#post-4379807)
 * Hi Blot,
 * What exactly do you want to accomplish: A user clicks on the add to cart button
   and a box slides in, if the product fits some criteria?
 * You could have your boxes load on the product page (with the conditional rules)
   and then add a few lines of JS to have them slide in after clicking the add to
   cart button. The jQuery code for that would look something like this (untested).
 *     ```
       $("#add-to-cart").click(function() {
       	var box_id = 123;
       	$("<a>").attr('href', '#stb-' + box_id).click();
       });
       ```
   
 * You just need to find a way to find the box ID then. Or if only the correct box
   is on the page, simulate clicks for all boxes.
 * If you can go into a little more detail about what you’re trying to do I’d be
   happy to see what can be done to make this easier with the plugin as it is now.
   🙂
 * Thanks!
 *  Thread Starter [BlottedInq](https://wordpress.org/support/users/blottedinq/)
 * (@blottedinq)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/using-with-woocommerce-2/#post-4379974)
 * “What exactly do you want to accomplish: A user clicks on the add to cart button
   and a box slides in, if the product fits some criteria?”
 * Yes, what you have written there exactly.
    Also, where would I implement those
   lines you have given?
 * Sorry I did not see your reply earlier- I expected an email when I got a reply
   but no dice there :-/
 * Specifically, I have a product group that requires items to be added to their
   cart in steps. (food delivery website)
 * example: first they have to add a diet therapy package (cancer fighting / gluten
   free/ etc) then they have to choose the specific meals from our menu that they
   may want from within the package.
 * What I am looking for is: when a user clicks “add to cart” on a specific item,
   a box then slides in from the side prompting them to click a button to continue.
   the “continue” button is located within the popup and this button takes them 
   to a category page on our menu that corresponds to the item added to cart.
 * -example of what I have set up so far.
 * [http://karmynskuisine.com/?product=breakfast-lunch-dinner-gluten-free-20](http://karmynskuisine.com/?product=breakfast-lunch-dinner-gluten-free-20)
 * My site is currently under construction and this would help me launch before 
   X-mas as planned.
 * Thank you for your help in this matter, I feel like I have explained it as clear
   as possible but it is still a little complex :-/
 * -Blot

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Using with WooCommerce’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/scroll-triggered-boxes_a0af9c.svg)
 * [Scroll Triggered Boxes](https://wordpress.org/plugins/scroll-triggered-boxes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/scroll-triggered-boxes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/scroll-triggered-boxes/)
 * [Active Topics](https://wordpress.org/support/plugin/scroll-triggered-boxes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/scroll-triggered-boxes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/scroll-triggered-boxes/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [BlottedInq](https://wordpress.org/support/users/blottedinq/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/using-with-woocommerce-2/#post-4379974)
 * Status: resolved