Massive Dynamic - Customize the shop page

Massive Dynamic - Customize the shop page

In this article, we'll explain how to customize the shop page.

By using Massive Dynamic you can choose between two different layouts for the shop page.
.
1. The default layout of the shop page that comes from the Woocommerce plugin.


For using that layout you just need set the shop page from WordPress dashboard >> Woocommerce >> settings 



Then open the product tab

There you can set the shop page.




For changing the layout of the shop page:

Open the shop page in site setting mode



Navigate to the WocommerceStore Notice:



Store Notice:

You can set the text that will be shown site-wide. You can use it to show events or promotions to visitors.



Product Catalog:

You can set the number of the rows and the number of the product for each row on the shop page.

Also, you can set what to display on the main shop page and what to display on product category pages.



2. Creating the shop page by using the Massive Dynamic shortcodes


Open the WordPress dashboard.

Navigate to the Pages >> Add New



After setting the name for that page publish it and open it edit content mode



You can use the Massive Dynamic's shortcodes (e.g product and category shortcodes) and Massive Dynamic's sections to create the shop page. 



For changing the setting of the shop page:

Open the shop page in site setting mode

Choose the unique setting from the page setting on the top of the page.

Because the changes just apply to the shop page.



Choose content >> the main layout from the left sidebar

You can change the width and top padding of the page.



For adding sidebar:

Choose sidebar >> shop sidebar from the left panel of the site setting



There you can change the style of the sidebar.



Set the widgets of the sidebar from WordPress dashboard >> appearance >> widgets



Also, you can change the header and footer style from the left sidebar options.




    • Related Articles

    • Massive Dynamic - How to create a blog page?

      This is a step by step guide for creating the blog page. In Massive Dynamic, you have two ways for creating the blog page.  WordPress Default Template In this way, you can't set the content for the blog page and you can't use "Edit" or "Edit content ...
    • Massive Dynamic - How to hide the shop icon in the responsive mode

      In this article, we'll explain how to hide the shop icon in the responsive header. 1. Open the website in site setting mode. 2. Navigate to the Notification. 3. If it's saying "off" turn it on. 4. look for "SHOP CART OPTION" there( turn it on if it's ...
    • Massive Dynamic - Change background color of the post page

      In this article, we will explain how to change the background color of the single post page. 1. Open the website in site setting mode 2. From the left-hand sidebar navigate to the general >> custom css 3. Add this code there .single ...
    • Massive Dynamic - Saved Sections

      In this article, we'll explain how to use the available Massive Dynamic Sections and how to create the saved section. The saved sections can provide the ability to create the section once and use it multiple times on your website pages. Create The ...
    • Massive Dynamic - Use Google Map

      In this article, we will show how to use Google Maps. There are two ways for adding Google Maps in Massive Dynamic. First way: 1.To use google map you should go to google app console and create a browser API key for your site >> ...