Home » CoDesigner » CoDesigner Customization » How do I design My Shop Page using Shop Classic?

How do I design My Shop Page using Shop Classic?

Create an eye-catchy custom shop page using CoDesinger Shop Classic widget. Follow this step-by-step process shown below.

Step 1: First, install and activate the CoDesigner plugin from your dashboard > Plugins > Add New Plugin.

CoDesigner Install

Step 2: Go to the Widgets section from CoDesigner, enable the Shop Classic widget and click on SaveĀ  Settings.

Shop Classic

Step 3: Now, you need to create a Shop template. For that head to the Templates > Add New and Select CoDesigner Product Archive from the drop-down. Provide your template a name and click on the Create Template button.

Create template for shop

Step 4: From the Editor, search for the ‘Shop Classic‘ widget and drag it to the Elementor section.

Drag the widget

Step 5: Customize your shop page based on your preferences.

edit shop classic

Note: You must set this shop page as the default one from WooCommerce Settings > Products and Select ‘Shop’ from the drop-down menu.

set shop page in WooCommerce

Thats it! Your shop page is ready for use. If you face any difficulties setting up your shop page, don’t hesitate to reach out to our support.

Was this doc helpful?