Supported Versions
The details shared here apply to the most recent versions of our themes. To keep your theme up to date, check out this helpful document.
Shopify provides the option of having multiple blogs. This is a great way to build your audience and interact with your customers! Setting up a blog can help you build a community around your products and your brand.
Check out this article to learn more about how to setup your Blog
While you can simply create as many Blogs as you'd like by default, you may want to have different content in your sidebars, or different banner images (if you're using the Turbo, Parallax or Retina themes - Mobilia and Responsive do not include a banner option at this time).
If you'd like to display different sidebar content and banner image, you will need to duplicate the blog template! We have a helpful video guide on duplicating templates, but you can also follow the steps here below.
Select your theme:
-
Turbo/Parallax/Retina/Mobilia/Responsive/Artisan
Step 1: Head into Online Store > Themes > Actions > Edit Code.
Step 2: Under Templates click Add a new template.
Step 3: Make this new template of the 'blog' variety, call it 'alternate' or something memorable, and then click Create template.
Edit the template code
Step 4: Within the new blog.alternate.liquid template, look for this code:
{% section 'blog-template' %}
Step 5: Replace it with this code:
{% section 'blog-template-alternate' %}
... where you are calling on an alternate copy of the blog section code.
Step 6: Save the template!
Step 7: Under Section click Add a new section.
Step 8: Name the section to match the change you made to the alternate blog template (blog-template-alternate in this example).
Edit the section code
Step 9: Remove all the code that is in the file you just created and replace it with the code from the original blog-template.liquid file.
Step 10: Save your section!
Now you're ready to assign this alternate template to one of your blogs.
Step 11: In the Shopify Admin head into Online Store > Blog Posts and click the 'Manage Blogs' link. Select the blog to which you would like to apply a unique Blog Page settings. In the bottom right corner of the Edit Blog page, select blog.alternate as the template, and save.
Step 12: Now you're ready to configure the alternate blog section settings to choose a unique banner image. To do this, make sure you have a method of navigating to your second blog from your home page (Online Store > Navigation).
Head into Online Store > Themes > Customize, navigate to the second blog page in the preview window on the right to access the alternate blog Section settings on the left.
Here, you can configure a unique sidebar, banner image, and other Blog Page settings which will only apply to this blog template, separate from your default blog template.This process can be repeated to apply unique banner images to multiple different blogs.
-
Flex
Step 1: Head into Online Store > Themes > Actions > Edit Code.
Step 2: Under Templates click Add a new template.
Step 3: Make this new template of the 'blog' variety, call it 'alternate' or something memorable, and then click Create template.
Edit the template code
Step 4: Within your blog-alternate.liquid file, you'll see these lines of code:
{% section 'blog__banner' %}
{% section 'blog__sidebar' %}
{% section 'blog__main' %}
Step 5: You'll just need to update it to be:
{% section 'blog__banner-alternate' %}
{% section 'blog__sidebar-alternate' %}
{% section 'blog__main-alternate' %}
Step 6: Save your template!
Step 7: Under Section click Add a new section.
Step 8: Call this new section 'blog__banner-alternate' and click 'Create section'
Edit the Section code
Step 9: Remove all the code that is in the file you just created and replace it with the code from the original blog__banner.liquid section file.
Step 10: Save your section!
Step 11: Under Section click Add a new section.
Step 12: Call this new section 'blog__sidebar-alternate' and click 'Create section'
Edit the Section code
Step 13: Remove all the code that is in the file you just created and replace it with the code from the original blog__sidebar.liquid section file.
Step 14: Save your section!
Step 15: Under Section click Add a new section.
Step 16: Call this new section 'blog__main-alternate' and click 'Create section'
Edit the Section code
Step 17: Remove all the code that is in the file you just created and replace it with the code from the original blog__main.liquid section file.
Step 18: Save your section!
Now you're ready to assign this alternate template to one of your blogs.
Step 19: In the Shopify Admin head into Online Store > Blog Posts and click the 'Manage Blogs' link. Select the blog to which you would like to apply a unique Blog Page settings. In the bottom right corner of the Edit Blog page, select blog.alternate as the template, and save.
Step 20: Now you're ready to configure the alternate blog section settings to choose a unique banner image. To do this, make sure you have a method of navigating to your second blog from your home page (Online Store > Navigation).
Head into Online Store > Themes > Customize, navigate to the second blog page in the preview window on the right to access the alternate blog Section settings on the left.
Here, you can configure a unique sidebar, banner image, and other Blog Page settings which will only apply to this blog template, separate from your default blog template.This process can be repeated to apply unique banner images to multiple different blogs.
Custom Code
Please note that this change involves making direct changes to the theme code. If you encounter difficulties with this, please contact a third-party developer for more troubleshooting, customization or functionality.