Contents
Related Posts
Insert and set style for related products en la plantilla única de WooCommerce
Content
related products
- Products by page: Sets the exact number of related products to be displayed
- Columns: Set how many columns to display, from 1 to 12, for each device (desktop, tablet, mobile)
- Sort by: Sets the order in which the products will be displayed. Options include Date, Title, Price, Popularity, Rating, Random, Menu Order
- Order: Select the ASC or DESC order (ascending or descending)
Style
- Column spacing: Sets the exact space between the columns
- Row spacing: Sets the exact space between the rows
- Alignment: Aligns related product data to the left, right, or center
Image
- Border type: Select the type of edge, choosing from none, solid, double, dotted, dashed or grooved
- Width: Control border thickness around related product images
- Colour: Choose the border color
- Edge radius: Sets the radius to control the roundness of the edge corners
- Spacing: Adjusts the amount of space between images and their data
Title
- Colour: Choose the title color of the related product
- Typography: Sets the typography options for the title text
- Spacing: Adjusts the amount of space after the title
Classification
- Star color: Choose the color of a full star
- Empty star color: Choose the color of an empty star
- Star size: Sets the size of the stars
- Spacing: Adjusts the amount of space after the rating stars
Price
- Colour: Choose the color of the related product Price
- Typography: Set the typography options for the related product price
Regular price
- Colour: Choose the color from the regular price of the related product
- Typography: Sets the font options for the regular price of the related product
Button
Normal | Float up
The following options can be set independently for the normal and floating states.
- Text color: Choose the text color of the related product button
- Background color: Choose the background color of the related product button
- Border color: Choose the border color of the related product button
- Typography: Sets the typography options for the related product button text
- Border type: Select the type of edge, choosing from none, solid, double, dotted, dashed or grooved
- Width: Controls the thickness of the border around the related product button
- Edge radius: Controls the roundness of the button border corner
- Text fill: Sets the padding inside the button
- Spacing: Adjusts the amount of space above the buttons
See small car
- Colour: Choose the color of the text See cart below the buttons
- Typography: Sets the typography options for the text View cart
Vault
- Vault: Show or hide the Related Products heading
- Colour: Choose the header text color for related products
- Typography: Sets the font options for the header text
- Aligned text: Align related products left, right, or center
- Spacing: Adjusts the amount of space after the header
Box
- Border width: Controls the thickness of the border around the related product box
- Edge radius: Check the roundness of the corners of the related product box
- Filling: Change the padding within the related products box
Normal | Float up
The following options can be set independently for the normal and floating states.
- Shadow of the box: Adjust box shadow options
- Background color: Choose background color from related product box
- Border color: Choose the border color of the related products box
Venta Flash
- Flash sale: Show or Hide
- Text color: Choose the color of the Flash sale text
- Background color: Choose the background color of the Sales Flash
- Typography: Sets the font options for the Flash Sale text
- Edge radius: Controls the roundness of the Vending Flash corners
- Width: Control the border thickness for the Sales Flash
- Height: Sets the height of the Sales Flash
- Position: Sets the position of the sales flash, left or right, of the related products box
- Distance: Set the Sales Flash distance from the top of the Related 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.
Contents
Toggle