Unique to WooCommerce: Upselling (Pro)

Select the Improved products estilo en la plantilla única de WooCommerce. Asegúrese de configurar las ventas adicionales de productos en su Products Pages> Linked Products> Upsells. This is where the Upsells widget gets its information from.

Content

Additional sales

1. Columns: Set how many columns to display, from 1 to 12, for each device (desktop, tablet, mobile)
2. Sort by: Sets the order in which upsells will be displayed. Options include Date, Title, Price, Popularity, Rating, Random, Menu Order
3. Order: Select the ASC or DESC order (ascending or descending)

Style

products

1. Column spacing: Set the exact spacing between the upsell product columns
2. Row spacing: Set the exact spacing between the upsell product rows
3. Alignment: Aligns upsell data left, right, or center

Image

1. Border type: Select the type of edge, choosing from none, solid, double, dotted, dashed or grooved
2. Width: Control border thickness around upsell product images
3. Colour: Choose the border color
4. Edge radius: Sets the radius to control the roundness of the edge corners
5. Spacing: Adjusts the amount of space between images and their data

Title

1. Colour: Choose additional product title color
2. Typography: Set the typography options for the upsell product title
3. Spacing: Adjusts the amount of space after the upsell product title

Classification

1. Star color: Choose the color of a full star
2. Empty star color: Choose the color of an empty star
3. Star size: Sets the size of the stars
4. Spacing: Adjusts the amount of space after the rating stars

Price

1. Colour: Choose the color of the additional product Price
2. Typography: Set the typography options for the price of the add-on product

Regular price

1. Colour: Choose the color of the regular price of the additional product
2. Typography: Set the typography options for the regular price of the add-on product

Button

Normal | Float up

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

1. Text color: Choose the text color of the additional product button
2. Background color: Choose the background color of the additional product button
3. Border color: Choose the border color of the additional product button
4. Typography: Set typography options for add-on product button text
5. Border type: Select the type of edge, choosing from none, solid, double, dotted, dashed or grooved
6. Width: Control the thickness of the border around the button of the add-on product
7. Edge radius: Controls the roundness of the button border corner
8. Text fill: Sets the padding inside the button
9. Spacing: Adjusts the amount of space above the buttons

See small car

1. Colour: Choose the color of the text See cart below the buttons
2. Typography: Sets the typography options for the text View cart

Vault

Vault: Show or hide the additional products header

Box

1. Border width: Control the thickness of the border around the box of the additional product
2. Edge radius: Check the roundness of the corners of the add-on box
3. Filling: Change the padding inside the upsell product box

Normal | Float up

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

1. Shadow of the box: Adjust box shadow options
2. Background color: Choose the background color of the additional product box
3. Border color: Choose the border color of the additional products box

Venta Flash

1. Flash sale: Show or Hide
2. Text color: Choose the color of the Flash sale text
3. Background color: Choose the background color of the Sales Flash
4. Typography: Sets the font options for the Flash Sale text
5. Edge radius: Controls the roundness of the Vending Flash corners
6. Width: Control the border thickness for the Sales Flash
7. Height: Sets the height of the Sales Flash
8. Position: Set the position of the Sales Flash, left or right, of the upsell product box
9. Distance: Set the Sales Flash distance from the top of the upsell products box

Note: The style of this widget is usually affected by the theme and plugins. If you experience any of these issues, try switching to a basic theme and disabling related plugins, or adjust the style within your theme settings.