Comment on page

REA Custom Add To Cart

The REA Custom Add To Cart widget used to display a customized add to cart button anywhere on your website.

Content

Product

  1. 1.
    Product: Select add to cart option for all products or manually select individual products.
  2. 2.
    Show Quantity: Hide or show the show quantity box. If disabled option will be available to provide a fixed quantity.

Button

  1. 1.
    Type: Select the type of the button from predefined options.
  2. 2.
    Text: Provide text for the button.
  3. 3.
    Alignment: Select alignment for the button.
  4. 4.
    Size: Select the size of the button.
  5. 5.
    icon: Select an icon for the button from the vast library or upload your svg image.
  6. 6.
    icon position: Select the position of an icon as before text or after the text.
  7. 7.
    icon spacing: Update the spacing around the icon.
  8. 8.
    Button ID: Provide unique ID for button.

Style

Button

  1. 1.
    Typography: Select typography options as font-family, size, weight, transform, style, decoration, line-height, letter-spacing.
  2. 2.
    Text Shadow: Select different options for Text Shadow as Color, Horizontal, Vertical, Blur.
  3. 3.
    Text Color: Select Text Color for normal and hover behavior of the button.
  4. 4.
    Background Color: Select background Color & Opacity for normal and hover behavior of the button.
  5. 5.
    Border Type: Select a border type for the button
  6. 6.
    Border Radius: Select a border-radius for the button.
  7. 7.
    Box Shadow: Select different options for Box Shadow as Color, Horizontal, Vertical, Blur, Spread, Position.
  8. 8.
    Padding: Select padding for the button.