Product Box

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
Product Box Widget

Content Tab

Product Box
  • Skin: Choose either the Custom skin, Default skin or the Minimal-product.
  • Product ID: Set the ID of the product.
Content
  • 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.
Add to Cart
  • 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.
Quick View
  • 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

Product Box
  • 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.
Image
  • Border Type: Set the border type to none, solid, double, dotted or dashed.
  • Border Radius: Set the border radius to control corner roundness.
Content
  • 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.
Add to Cart
  • 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
Quick View
  • 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
Badges
  • 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.
© WebshopWorks - Professional PrestaShop Addons