How to Add Dynamic Sections on Page

Chien Nguyen
Chien Nguyen September 24, 2018

Share:

As you may know that the editor toolbar is separated into two different parts, which are the Sections and Themes Settings. For our purposes, our work related to the Sections part. Add Dynamic Sections on Page enables you to adjust the layout of your page to satisfy your needs.

The maximum number of dynamic sections that you can add to your homepage is 25.

Related Posts:

This is the guideline for you on how to add dynamic sections on Shopify, please read and follow my instruction to make changes to your shop.

To Add Dynamic Sections on Page

Step 1: Go to the Online Store

After logging in your Shopify account and get to the admin screen, you can see on the left-hand side of the screen the SALES CHANNELS sections written in capitals letters and divided into three smaller buttons. Take a look at it and go to Online Store.

add dynamic sections on desktop 1

Step 2: Choose theme to customize

After selecting Online Store, it automatically takes you to the Themes page. Scrolling down to see more themes, choose the theme you want and click on Customize.

add dynamic sections on desktop 2

Step 3: Add section

From the screen, you can see two different sections: Sections and Themes settings. In the themes editor toolbar, choose the Sections tab and scroll down until you see the Add Section button.

add dynamic sections on desktop 3

Step 4: Hit the Add button

A new box pops up and you can choose the type of sections that you want to add and hit Add, remember that each theme set has a unique set of sections for you to choose from.

add dynamic sections on desktop 4

Step 5: Add more sections

The sections content can be adjusted by adding more and editing the blocks in the toolbar.

Step 6: Saving

The final step is easy for you, the only job you have to do is to hit Save or Publish to save your adjustment.

add dynamic sections on desktop 6

To Add Dynamic Sections to Page on iPhone (Click here)

  • Step 1: Go to Store. After logging in your account from the app on your phone, in the homepage, notice a button named Store , go to it.

  • Step 2: Go to the Online Store. In the middle of the screen, you can see the Sales Channels section, in it, you can see three smaller sections. However, for our purpose, tap Online Store.

  • Step 3: Tap Manage Themes. After finishing the previous step, continue by tapping Manage Themes.

  • Step 4: Choose theme to customize. In the Manage Themes screen, scroll down to see more themes choice, find the themes you want to make changes and click Customize.

  • Step 5: Click Add Section. It will take you to the editor toolbar, from the Sections part, click on Add Section.

  • Step 6: Hit the Add button. From the list of sections, you can choose what you want to add and then tap Add. remember that each theme has its own set of sections

  • Step 7: Add more sections. The sections content can be adjusted by adding more and editing the content blocks in the toolbar.

  • Step 8: Saving Select the Saves or Publish button to save the changes.

To Add Dynamic Sections to Page on Android (Click here)

  • Step 1: Go to Store. After logging in your account from the app on your phone, in the homepage, notice a button named Store, go to it.

    add dynamic sections on Android 1
  • Step 2: Go to the Online Store. In the middle of the screen, you can see the Sales Channels section, in it, you can see three smaller sections. However, for our purpose, tap Online Store.

    add dynamic sections on Android 2
  • Step 3: Tap Manage Themes. After finishing the previous step, continue by tapping Manage Themes.

    add dynamic sections on Android 3
  • Step 4: Choose theme to customize. In the Manage Themes screen, scroll down to see more themes choice, find the themes you want to make changes and click Customize.

    add dynamic sections on Android 4
  • Step 5: Click Add Section. It will take you to the editor toolbar, from the Sections part, click on Add Section.

    add dynamic sections on Android 5
  • Step 6: Hit the Add button. From the list of sections, you can choose what you want to add and then tap Add. remember that each theme has its own set of sections

    add dynamic sections on Android 6
  • Step 7: Add more sections. The sections content can be adjusted by adding more and editing the content blocks in the toolbar.

  • Step 8: Saving Select the Saves or Publish button to save the changes.

    add dynamic sections on Android 8

    When the picture is added to your sections, the files will be added to your sections admin. The old image that you uploaded to the other sections can be reused.

Conclusion

To sum up above is my writing on how to Add Dynamic Sections to Page on Shopify. I hope you have a great time reading it. You may find the writing on How to rearrange dynamic sections on Shopify useful after adding dynamic sections.

Themes

Remove Shopify Payment Icons from Store Footer Shopify Payment Icons Add a Logo to Shopify Store on all page Customize Shopify Themes Edit Theme Code Change Language in Themes Register a Google Maps API Key Add Favicon Create Translation for your Theme Choose a Language for your Theme Add Alt Text to Theme Image Edit the Code Templates for Password Page Hide Store Name on Password Page Hide Footer on Password Page Remove Content From Dynamic Section Add Google Maps API Key to Theme Edit Password Page Settings Remove Password Protection From Online Store Show Dynamic Checkout Buttons For Some Products but Not for Others Publish Themes from the Theme Editor Publish a Theme from the Admin Add Password Protection to Online Store Set the Social Sharing Image Remove Dynamic Sections Rearrange Dynamic Sections Hide Dynamic Sections Add Dynamic Sections Add Google Translate Widget to your Online Store Find the Right Theme Edit Static Sections Duplicate Themes Search a Translation for Missing or Completed Fields Test Dynamic Checkout Buttons on your Theme Show Dynamic Checkout Buttons on Featured Product Section Hide Dynamic Checkout Buttons on Featured Product Section View Paid Themes Review and Update Translation Hide Dynamic Checkout Buttons on Product Pages Show Dynamic Checkout Buttons on Product Pages Remove Unpublished Theme Add an Updated Version of your Theme to your Online Store Share Theme Preview With Others Download Themes Try Paid Theme in your Store Buy Theme From Shopify Theme Store Add a Free Theme From the Admin Upload a Theme File From your Computer


Chien Nguyen
Chien Nguyen
Shopify Expert. My name is Chien, I am a Shopify expert and also a customer supporter with over 4 years of experience. I had done no less than 400 custom work projects in Shopify like building a store from scratch, adding custom features, installing apps, optimizing speed and SEO, etc

Comments for Add Dynamic Sections



People also searched for

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up