Blog Banner

Banner Images

Follow below steps to add blog banner for each blog pages.

1. Go to Store Admin -> Settings -> Metafield -> Blogs -> click “Add definition” then follow the steps as shown in the image below.

   

2. To add an image, navigate to the blog pages.
   Go to store admin > Blog posts -> Manage Blogs > Click Blog name > then click on the “Show all” link in the bottom metafield box.

   

3. Click “Banner Image” field, select image and click save.
4. Follow the same steps for the mobile banner image if you’d like to show a different image for the mobile site.

Short Description

Display same banner text for all blog pages

Go to Theme Customize -> Select Default blog -> Blog Banner(Section). Add block “Text” then add description in text field.

Display different banner text for different blog pages

1. Go to Store Admin -> Settings -> Metafield -> Blogs -> click “Add definition” then follow the steps as shown in the image below.

   

2. To add text, navigate to the blog pages.
   Go to store admin > Blog posts -> Manage Blogs > Click Blog name > then click on the “Show all” link in the bottom metafield box. Click “Short Description” field, add text and click save. (repeat this step to add text for different blogs banner)
3. Now, Go to Theme Customize -> Select Default blog -> Blog Banner(Section). Add block “Text” then click on “dynamic source” button from text field, select short description and click save.