Elementor

Add custom to cart (Pro)




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

ContentEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, plus

Product

  1. Product: Select the product to be added to the cart
  2. Show quantity: Set to Yes to allow user to change quantity
  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: (Optional) Assign a unique button ID to use in situations like Google Analytic events.

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