How can I add an ATC effect to a button on Shogun?

Hi,

I’m using shogun to create my home and product pages. Is there any way to incorporate an ATC effect (e.g. an mini-cart) to a button I create? Or lead them to the Checkout instead of the cart page and then the checkout.

Hope to hear your thoughts.

Hello @tangela

Colby here from the Shogun support team!

I am not sure if by an ATC effect if you are referring to a cart drawer effect for when products are added to the cart, but I am going to go off that assumption. If I am off based on this assumption, please feel free to reach out to our 24/7 support at support@getshogun.com and we will be happy to help as best we can.

For themes with this type of cart, the cart drawer and/or counter only updates when one of the theme’s built-in buttons are clicked or when the page is refreshed. The theme does not automatically recognize other types of buttons include Shogun’s ATC button and this prevents the theme’s effect from taking place.

There are a couple of potential workarounds, depending on how the theme’s cart script functions.

  1. A custom function can be added to the theme’s script to refresh the page or cart view upon clicking Shogun’s Add to Cart button.

  2. Custom code modelled after the theme’s live product form can be added into the page using the HTML or Custom Element features in Shogun. If the same HTML markup & classes are used, the theme’s cart script should recognize it and update the AJAX cart accordingly.

HTML Elements: https://getshogun.com/help/en/articles/1391671-how-to-embed-html-code-in-shogun

Custom Elements: https://getshogun.com/help/en/articles/1391680-creating-custom-elements-with-liquid-css-and-js

Also regarding your questions about if Shogun’s ATC button can go to the checkout instead of the cart page, currently this is not possible. However, you would be able to add a custom button that is able to do this using the same either the HTML or Custom element as well.