The Custom Add to Cart Element will give you grant power to create and fully customize Add to Cart buttons that are beautifully designed and highly functional.
Content Tab
Product
- Product - From here you can select the product that will be added to the customer's cart
- Show quantity - Switch the handle ON to allow customers to see the number of items they have added to the cart
Button
- Type - You can choose the type of the button based on customized purpose either Info, Success, Warning, or Danger
- Text - Add your custom text
- Alignment - Align the button either Left, Center, Right, or Justified
- Icon - Choose whether or not to add an icon. You can choose one from the Icon Library or upload your own SVG
- Icon Position - Choose to position the icon either Before or After the text
- Icon Spacing - Set the spacing between the icon and the text
- Button ID - Add a custom ID for the button
Style Tab
Button
- Typography - Tweak the typography options for the Add to Cart text
- Text Shadow - Select whether you want to add shadow to the button text and tweak its respective settings
- Text Color - Select a color for the button's text
- Background Color - Select a color for the button's background
- Hover Animation - Choose animation for the button when users hover on it
- Border Type - Choose a border for the button either Solid, Double, Dotted, Dashed, or Groove
- Border Radius - Set the border-radius for the button
- Box Shadow - Set a shadow for the button
- Padding - Set the padding value around the button
Set the settings for the Advanced Tab that is appropriate for the element.
