Add an Add to Cart button to a specific product anywhere on your site by dragging the Custom Add to Cart widget wherever you need it.
Content
Product
Product: Select the product to be added to the cartShow Quantity: Set to Yes to allow the user to change the quantityQuantity: If Show Quantity is set to No, this option becomes available so that you can predetermine the number of items to add to the cart
Button
Type: Select the type of button to use, choosing from Default, Info, Success, Warning, and DangerText: Enter the text to be displayed on the buttonAlignment: Align the [widget] to the left, right, center, or justifiedSize: Select the preset button sizes, from Extra Small to Extra LargeIcon: Select a Font Awesome icon to display on the buttonIcon Position: Choose to display the Icon Before or After the button textIcon Spacing: Set the amount of space between the Icon and the button textButton ID: (Optional) Assign a unique button ID to use for situations such as Google Analytic』s events
Style
Button
Typography: Set the typography options for the button text
Normal | Hover
The following options can be set independently for both the normal and hover states.
Text Color: Choose the color of the button textBackground Color: Choose the background color of the buttonHover Animation: Choose an animation effect when hovering over the icon, such as Grow, Pulse, Skew, etc.
Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or groovedBorder Radius: Control border roundness of the buttonBox Shadow: Adjust box shadow optionsPadding: Set the padding within the button
Note: 「Enable AJAX add to basket buttons on archives」 must enabled in WooCommerce Settings > Products in order for this to properly function.