How to make add to cart button sticky

Support
#1

Im trying to figure out on your settings how to make the add to cart button appear on top or button of the page as a sticky add to cart button.

#2

Hi Sasan,

Thanks for writing in. Currently pro and x doesn’t have that setting yet.
Here’s a plugin that might help you out https://wordpress.org/plugins/sticky-add-to-cart-for-woocommerce/.

#3

What about customizing add to cart button making it bigger or wider.

#4

Hey Sasan,

The Add to Cart button in our theme gets its style from Theme Options > Buttons. Try selecting Jumbo as the Button Size. Select a smaller size if Jumbo is too big.

The Button options are global though so it applies to the Classic Button element and general Form buttons also.

If you wish to apply the size to the Add to Cart button only, you will need to use CSS. WooCommerce has a class assigned to the Add to Cart button. Below is the CSS that has the class and property to increase the button size. Add this in Theme Options > CSS.

.single_add_to_cart_button {
  font-size: 40px;
}

Please note that it’s a sample code only. If you wish to extend any parts of the theme with CSS, you’ll need to understand or know how to use CSS. Otherwise, you’d need to hire a developer to do the custom coding for you.

Hope that helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.