Customizing WooCommerce Shop and Product Pages

This article refers to Inspiro Premium

Inspiro Premium is fully integrated with WooCommerce, allowing you to create a professional and functional online store. Once WooCommerce is installed and configured on your site, you’ll gain access to additional theme settings and customization options specific to shop and product pages.

1. Inspiro Theme Options for WooCommerce

In WPZOOM → Theme Options → WooCommerce you’ll find two sub-sections:

Settings – where you can choose the layout of the Shop page by clicking one of the available layout thumbnails.

Single Product Page – where you can select the layout for individual product pages and customize settings for the product gallery, including image alignment, thumbnail display, and layout style.

These settings help you align the shop layout with the overall design of your website.

2. WordPress Customizer Options

Additional WooCommerce settings can be found in Appearance → Customize → WooCommerce.

Here you can configure:

Store Notice – Display a message sitewide (e.g. sale announcement, shipping delay)
Product Catalog – Define how products appear in the shop and category pages (sorting, number of columns, what content to show)
Product Images – Set image cropping and thumbnail ratios
Checkout – Most visual changes to the checkout page can be made by editing the Checkout page directly using the block editor

These options help you control the general structure and behavior of your store without editing code.

3. Customizing WooCommerce Pages with Page Builder

Depending on whether you use Elementor or the Block Editor, you can make layout changes directly from the editor interface.

Elementor
Block Editor

If you install and activate the WPZOOM Addons for Elementor plugin, you will have access to the Woo Products widget.

Use the widget on any Elementor page to display products.

After adding the widget, adjust its settings in the Elementor left sidebar, including layout, columns, and style.

Use the WooCommerce blocks to build or modify your shop pages.

Common blocks include:

Featured Category
Featured Products
Product Collection
Cart
Filter

After adding a block, use the right sidebar of the editor to customize its layout, filters, and display options.

Many advanced features, payment options, shipping settings, and checkout behaviors are handled directly through the WooCommerce plugin itself.

For more advanced store management and customization, we recommend consulting the official WooCommerce documentation.

Last updated on June 10, 2025