header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image

Product Widget: Layout

Start by choosing your favorite layout style, then customize it using the available options.
SettingsExplanation
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.

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.