A Product Archive/Shop page is a WooCommerce page used to display the products added. It displays according to the settings given in WooCommerce > Settings > Products.
In MediaCenter theme, the shop page can be displayed in 3 available layouts which are :
You can select the layout of the shop from MC Options > Shop Tab > Shop Page Settings > Shop Page Layout.
The Content Section of the Shop Page displays either Products or Categories or both depending on the choice given in Shop Page Display option under WooCommerce > Settings > Products.
Product Categories/ Subcategories are displayed according to the layout in grids. It will display the Product Category image and Product Category Title. We recommend displaying only Products in Product Archive/Shop Pages.
In Product Archive/Shop Page, product items can be displayed in various ways depending on the Product Item size and the layout chosen. The table below will give an idea about the number of product items displayed per row :
|Product Item Size / Shop Layout||With Sidebar||Without Sidebar|
|Size Small||4 items per row||6 items per row|
|Size Medium||3 items per row (default)||4 items per row|
|Size Large||2 items per row||3 items per row|
You can select the Product Item Size under MC Options > Shop Tab > General.
Once we have chosen the shop layout and product item size, we'll have the number of product items displayed per row. The number of product items per page is recommended to be a multiple of the number of product items displayed per row.
You can set the number of items displayed from MC Options > Shop Tab > General > Number of Products Per Page
Product items can be animated when the appear on viewport. More than 25+ CSS3 animation effects are available which includes :
You can set whether you want to animate the product item from MC Options > Shop Tab > Product Item Settings > Product Item Animation
Lazy loading is a technique used to defer the loading of an image until the point at which it is needed i.e. when the image appears in the viewport. This will contribute to faster page loading since the images are not loaded until required.
You can enable/disable Lazy loading of Product Item images from MC Options > Shop Tab > Product Item Settings > Echo Lazy Loading
All product items has 2 views Grid and List view. The list view is enabled and the user will have the option to switch between the views via the Control bar which is present just above the product items.
Shop Sidebar if enabled in the layout has two widgetized areas.
Both the widgetized areas can be populated from Appearance > Widgets
This widgetized area contains all the widgets used for layered navigation. In the default preview we have used :
This widgetized area contains widgets that generally go into shop's sidebar. In the default preview we have used :