This article will walk you through how to customize the Add to Cart button in Debutify Theme version 8. You'll learn how to remove the animation effect, change the color and style of the button, and enable third-party dynamic checkout buttons.
How to Remove the Add to Cart Animation?
STEP 1
Navigate to the Theme settings.
STEP 2
Open the Global Settings tab.
STEP 3
Scroll down to the Add to Cart animation effect setting.
STEP 4
Change the animation from Glacier to None to disable the animation.
🛈 Note: This setting is available on Debutify 8.2 and up.
If you're using version 8.0 or 8.1, go to Theme Settings > Custom CSS and add the following CSS to disable the animation:
.glasair_animation { animation: none !important; }How to Change the Color and Style of the Add to Cart Button?
STEP 1
Navigate to the Theme settings.
STEP 2
Open the Global Settings tab.
STEP 3
Toggle to Enable the Custom Buttons setting.
STEP 4
Choose your preferred Add to Cart Style: either Default, Solid, or Outline.
STEP 5
Select the Add to Cart Color:
Choose from Primary, Secondary, Light, or Dark to match your theme’s colors.
Or click on Custom Color to set a specific color using a hex code.
How to Enable Buy Buttons and Third-Party Payment Options?
STEP 1
Navigate to the Theme settings.
STEP 2
Open the Global Settings tab.
STEP 3
Toggle the Show Dynamic Checkout Buttons setting to enable it.
🛈 These buttons (such as PayPal, Google Pay, Apple Pay, and Shop Pay) are managed by Shopify.
Note: Shop Pay will always appear as the priority option if it's available.
If no third-party buttons are enabled in your Shopify payment settings, a default Buy Now button will be shown instead.