Commerce widget

A widget that takes products you'd otherwise only see inside the shop and displays them on the home page or any other page.

You don't have to pick products one by one. Just set a rule like "4 new arrivals", "products in the current promotion" or "popular items in the bags category", and the home page updates on its own whenever you add products or put them on sale.

When to use it

• To line up this season's new arrivals at the top of the home page
• To add a few signature products below your About page
• To make a new promotion visible right on the home page
• To show products grouped in tabs by category

5 display styles

Choose from grid (3 or 4 columns), horizontal carousel, list, large card and category tabs.

7 things to display

New arrivals, popular products, sale products, featured products, a category, a promotion, and hand-picked products.

Put several side by side in one row

Each widget takes up one horizontal row. Split that row into up to 4 slots and put different products in each. For example, new arrivals as a large card on the left and sale items as a grid on the right. Pick from 8 row presets or set your own ratios, and stack several widgets to build a full shop home page.

What goes on a card

Photo, product name, price, strikethrough list price, discount rate, featured, NEW and custom badges, and a sold-out label. You can choose in settings to hide prices and badges or leave sold-out products out of the list.

More

• The layout adapts to the screen size automatically, and looks right on phones too.
• Supports both light and dark mode, and inherits the theme's accent color and fonts.
• Badges, prices and sold-out labels look the same as on the Commerce product list.
• Includes a skin for the Heritage theme.
• Supports 12 languages, and resolves custom multilingual codes used in product and category names.

Requires the Commerce module. On sites without it, nothing is rendered. After installing, run Admin > Clear cache once.