The ShopWell theme provides powerful customization options for WooCommerce shop pages including layout, headers, toolbars and product cards. You can find all these under:
Appearance → Customize → Shop
🧭 Page Header #
The product archive pages (like Shop, Categories, Tags) allow you to display a Page Header at the top.
Page Header Styles:
- Standard ( Image & Text )
- Minimal ( Text only )
- Only Breadcrumbs
🛠 To edit:
Appearance → Customize → Shop → Page Header
Select your desired style from the Page Header Style setting.
🛒 Shop Header #
ShopWell includes a dedicated Shop Header section for promotional banners or content on Product catalog pages.
You can change it from Appearance → Customize → Shop → Shop Header
- Shop Header: Enable/Disable the shop header.
- Page Template: Select a custom Elementor Template created in Dashboard > Templates.
🗂️ Top Categories #
Display top product categories as a section on your shop page to improve navigation and engagement.
Layout Styles:
🛠 To edit:
Appearance → Customize → Shop → Top Categories
🧰 Catalog Toolbar #
A dynamic Toolbar sits above your shop products for extra functionality, including:
- Product sorting dropdown
- Grid/List view toggle
- Product count display
🛠 To control visibility:
Appearance → Customize → Shop → Catalog Toolbar
📚 Catalog Sidebar #
Enable a sidebar to display filters, categories, or widgets beside your product listings.
- Select Left Sidebar or Right Sidebar via:
Appearance → Customize → Shop → Product Catalog - Assign content via:
Appearance → Widgets → Catalog Sidebar
📏 Change Products Columns & Rows #
WooCommerce sets default product rows/columns, but ShopWell lets you override them easily.
🛠 To change grid settings:
Appearance → Customize → WooCommerce → Product Catalog
💡 Note:
If you enable the Products Toolbar, it may auto-control some display settings. Be sure to revisit after making manual changes.
🔃 Change Products Order #
Control how products are sorted on the frontend and backend.
Manual Product Sorting (Drag & Drop):
- Go to Products → All Products
- Click Sorting tab.
- Drag items into your desired order.
Default Shop Sorting: 🛠 Set the default in:
Appearance → Customize → WooCommerce → Product Catalog → Default product sorting
🧾 Change Product Card #
ShopWell includes 6 customizable product card styles for product archive pages:
🛠 To select one:
Appearance → Customize → Shop → Product Card → Product Layout
🎯 Change Product Card Hover #
Choose from 3 hover effects to enhance interactivity on product cards:
🛠 To change hover style:
Appearance → Customize → Shop → Product Card → Product Hover