Shop Page Settings
Default Shop Page
Customize the layout and features of your main Shop page to deliver a more engaging and visually appealing shopping experience for your visitors. Tailor the design to match your brand and showcase products more effectively
Log in to your WordPress Dashboard.
Navigate to Appearance > Customize.
Click on the theme Woo Commerce Options.
Select Shop Page.
Configurable Options:
Product Style Template: Select the desired display style from the drop-down for products on the Shop page.
Products Per Page: Set the number of products to display per page. For example: 9
Columns : Set the number of product columns to display in the grid layout.
Disable Breadcrumb : Hide the breadcrumb navigation bar on the Shop page.
Apply Isotope : Enable Isotope layout functionality to support dynamic filtering and animated layout transitions.
Sorter Settings – Header:
Enable and configure the sorting options shown at the top of the Shop page.
Show Sorter On Header : Enable the sorting bar at the top of the Shop page.
Sorter Header Elements : Select the elements you want to display in the sorter header:
Result Count – Shows the number of products found.
Filter – Order By – Allows users to sort products by criteria.
Filters – Widget Area – Displays the filter widgets area, if configured.
Display Mode Options – Let users switch between different views (e.g., grid or list).
Display Mode – Controls the default product view mode.
Pagination – Enables navigation for the Shop Page.
Sorter Settings – Footer:
Enable and configure the sorting options shown at the bottom of the Shop page.
Show Sorter On Footer : Enable the sorter bar at the bottom of the Shop page.
Sorter Footer Elements :
Pagination – Enables navigation for the Shop Page.
Filter – Displays sorting options like “Order By.”
Result Count – Shows the total number of products found.
Display Mode – Sets the default product view (e.g., grid or list).
Display Mode Options – Allows users to switch between different layout views.
Template Hooks
Insert Elementor templates into specific sections of the Shop page for advanced layout customization.
Template Hooks - Page Top:
Select the Elementor template you want to display at the top of the Shop page. Default: None
Template Hook – Page Bottom:
Select the Elementor template you want to display at the bottom of the Shop page. Default: None
Template Hooks – Content Top:
Select the Elementor template you want to display at the top of the content area on the Shop page. Default: None
Template Hooks – Content Bottom:
Select the Elementor template you want to display at the bottom of the content area on the Shop page. Default: None