header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Product Widget: Layout

1 min
Start by choosing your favorite layout style, then customize it using the available options.
Settings
Explanation
Stretch to full width
Stretch the product widget to so it spans the width of your browser (available only for the compact style Product Widget).
What's Displayed
Choose what you want to display in the Product Widget.
Alignment
Align the text left, right, or center.
How's the image resized?
Select a resizing option:
Crop: Images are all cropped to the same size.  If you uploaded images in different sizes and with different aspect ratios, part of the image may be cut off.
Fit: If you select the fit option, the entire image is displayed and keeps it's original aspect ratio. Images in your gallery will not have the same aspect ratio unless the original images had them. 
Spacing
  • Height: Drag the Height slider to change the position of the image in the widget.
    • Top & bottom padding (px): Drag the Top & bottom slider to add padding. 
    • Side padding (0% - 15%): Drag the Side padding slider to change the position of the text and button.
    • Button offset (px): Drag the Button offset slider to add space between the text and the button.
Tip:
You can use the stretch handles  to resize the widget.