Add custom to cart (Pro)

Add a Add to cart button to a specific product anywhere on your site.

Content

Product

1. Product: Select the product to be added to the cart
2. Show quantity: Establecer en Sí para permitir que el Username cambie la cantidad
3. Quantity: If Show quantity is set to No, this option is available so that you can predetermine the quantity of items to add to cart

Button

1. Type: Select the type of button to use, choosing from Default, Information, Success, Warning and Danger
2. Text: Enter the text to be displayed on the button
3. Alignment: Align the [widget] to the left, right, center or justified
4. Size: Select preset button sizes from Extra Small to Extra Large
5. Icon: Select a Font Awesome icon to display on the button
6. Icon position: Choose to display the icon before or after the button text
7. Icon spacing: Sets the amount of space between the icon and the button text
8. Button ID: (Opcional) Asigne un ID de botón único para usar en situaciones como los eventos de Google Analytic.

Style

Button

1. Typography: Sets the typography options for the button text

Normal | Float up

The following options can be set independently for the normal and floating states.

1. Text color: Choose the button text color
2. Background color: Choose the background color of the button
3. Scrolling animation: Choose an animation effect when hovering over the icon, such as Grow, Tap, Tilt, etc.

1. Border type: Select the type of edge, choosing from none, solid, double, dotted, dashed or grooved
2. Edge radius: Controls the roundness of the button border
3. Shadow of the box: Adjust box shadow options
4. Filling: Sets the padding inside the button