Product Box Widget

With this widget you can show a selected product for your visitors in a compact way. It has a customizable skin where you have full control what to show (product name, description, price, tags, etc..).

Product Box Widget

Content Tab

• Skin: Choose either the Custom skin, Default skin or the Minimal-product.
• Product ID: Set the ID of the product.

• Image Size: Choose the size of the product image from predefined PrestaShop values.
• Second Image: Enable or disable second image.
• Category: Show or hide the product category title.
• Description: Show or hide the description of the product.
• Regular Price: Enable or disable the regular price.
• Add to Cart: Show or hide the Add to Cart button.
• Quick View: Show or hide the Quick View button.
• Badges: Select badges for the product if available: Sale, New, Pack.
• Sale Text: Text of the sale badge.

• Text: Text of the button.
• Icon: Select an icon from the FontAwesome library.
• Icon Position: Choose the icon position from before or after.
• Icon Spacing: Set the space between the text and the icon.

• Text: Text of the button.
• Icon: Select an icon from the FontAwesome library.
• Icon Position: Choose the icon position from before or after.
• Icon Spacing: Set the space between the text and the icon.

Style Tab

• Alignment: Set the alignment of the box to the left, center, right or justify.
• Padding: Set the padding for the box.
• Border Width: Set the border width.
• Border Radius: Set the border radius to control corner roundness.
• Border Color: Choose the color for the box’s border.
• Background Color: Choose the color for the box’s background.
• Border Color: Choose the color for the button’s border.
• Box Shadow: Set the box shadow settings for the box.

• Border Type: Set the border type to none, solid, double, dotted or dashed.
• Border Radius: Set the border radius to control corner roundness.

• Alignment: Align the content to the left, center or right of the box
• Padding: Set the padding for the content
• Min. Height: Set the minimum height of the whole box
• Spacing: Spacing between the image and the title.
• Allow Multiline: Enable or disable multiline for the product title.
• Color: Choose the color of the title.
• Typography: Set the typography options for the title.
• Spacing: Spacing between the title and the price.
• Color: Choose the color of the price.
• Typography: Set the typography options for the price.

• Spacing: Spacing between the content and the button.
• Alignment: Align the button to the left, center, right or justified.
• Size: Select the button size, from Extra Small to Extra Large
• Typography: Set the typography options for the button
• Text Color: Choose the color for the button’s text
• Background Color: Choose the color for the button’s background
• Border Color: Choose the color for the button’s border
• Border Width: Set the border width
• Border Radius: Set the border radius to control corner roundness

• Typography: Set the typography options for the button
• Text Color: Choose the color for the button’s text
• Background Color: Choose the color for the button’s background
• Border Color: Choose the color for the button’s border
• Border Width: Set the border width
• Border Radius: Set the border radius to control corner roundness

• Top Distance: Spacing from the top of the box.
• Right Distance: Spacing from right of the box.
• Spacing: Spacing between badges.
• Min. Width: Set the minimum width of the badges.
• Padding: Set the padding for the badges.
• Border Radius: Set the border radius to control corner roundness.
• Typography: Set the typography options for the title.
• Position: Set the position of badges to left or right.
• Text Color: Choose the color for the badge’s text.
• Background Color: Choose the color for the badge’s background.