WooCommerce Shop Display Guide

Open WooCommerce Pages

The theme includes WooCommerce styling for shop and product pages.

Use the normal WooCommerce screens to manage products, shop pages, cart, checkout, and account pages.

Check Shop Page Display

1. Go to the shop page on the frontend.
2. Review product cards.
3. Confirm product images, product titles, prices, and buttons display correctly.
4. Test the layout on desktop and mobile.

Check Product Page Display

1. Open a product page.
2. Review the product image, title, price, description, and purchase button.
3. Confirm spacing and layout look correct.

Check Account and Checkout Pages

Review these WooCommerce pages after setup:

• Cart
• Checkout
• My Account
• Product pages
• Shop archive

Use Product Images That Fit the Shop Layout

Use consistent product image dimensions so product cards look even across the shop page.

Square product images are usually easier to fit cleanly in product grids.

Troubleshooting

Product images appear cropped

Use consistently sized product images and review the WooCommerce product image settings.

The shop layout looks cached

Clear site cache and browser cache, then retest.

WooCommerce pages are missing

Use WooCommerce’s page setup tools to create the standard WooCommerce pages.