Help Center
    Help Center
  1. Managing your business
  2. Business solutions & apps
  3. Wix Stores
  4. Designing your store
    5. Product Widget: Layout

Product Widget: Layout

1 min read
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.

Did this help?

|