Supported Versions
The details shared here apply to the most recent versions of Turbo, Retina, Mobilia, Responsive, Artisan, and Flex. To keep your theme up to date, check out this helpful document.
If you'd like to create multiple FAQ pages, you will need to duplicate and create an alternate FAQ template! We have a helpful video guide on duplicating templates, but you can also follow the steps here below if you wish.
Select your theme:
-
Turbo/Retina/Mobilia/Responsive
Step 1: From your Shopify Admin, head into Online Store > Themes > Actions > Edit Code > Templates > Add a new Template.
Step 2: Select 'page' as the template type, and name it 'faq-2'.
Please note: The name MUST start with 'faq' in order to work.**Step 3: Open the original page.faq.liquid and COPY ALL the code to your clipboard.
Step 4: Next, replace the code in your new page.faq-2.liquid with this code.Step 5: Then, within the new page.faq-2.liquid template, look for this code:
{% section 'page-faq-template' %}
... and replace it with this code:
{% section 'page-faq-2-template' %}
... where you are calling on a duplicate copy of the FAQ section code.
Step 6: Under the Sections folder, click Add a new section, and name the section to match the change you made to the alternate FAQ template (page-faq-2-template):Step 7: Open the original page-faq-template.liquid and COPY ALL the code to your clipboard.
Step 8: Next, open your alternate FAQ section code (page-faq-2-template.liquid), delete all the existing code, and PASTE the code you just copied from the original FAQ section code:
-
Flex
Step 1: From your Shopify Admin, head into Online Store > Themes > Actions > Edit Code > Templates > Add a new Template.
Step 2: Select 'page' as the template type, and name it 'faq-2'. Click create template.
Please note: The name MUST start with 'faq' in order to work.**
Step 3: In your new 'page.faq-2.liquid' template file, replace all of its code with the code from the original 'page.faq.liquid' template file and save
Step 4: In your 'page.faq-2.liquid' file, you'll see these instances of code:
{% section 'page-faq__banner' %}
{% section 'page-faq__main' %}
{% section 'page-faq__column1' %}
{% section 'page-faq__column2' %}
Step 5: You'll need to update them to be:
{% section 'page-faq-2__banner' %}
{% section 'page-faq-2__main' %}
{% section 'page-faq-2__column1' %}
{% section 'page-faq-2__column2' %}
And save your template!
Step 6: Under Section click Add a new section.
Step 7: Call this new section 'page-faq-2__banner' and click 'Create section'
Step 8: Replace the code in the 'page-faq-2__banner' section with the code from the original 'page-faq__banner' section and save.
Step 9: Under Section click Add a new section.
Step 10: Call this new section 'page-faq-2__main' and click 'Create section'
Step 11: Replace the code in the 'page-faq-2__main' section with the code from the original 'page-faq__main' section and save.
Step 12: Under Section click Add a new section.
Step 13: Call this new section 'page-faq-2__column1' and click 'Create section'
Step 14: Replace the code in the 'page-faq-2__column1' section with the code from the original 'page-faq__column1' section and save.
Step 15: Under Section click Add a new section.
Step 16: Call this new section 'page-faq-2__column2' and click 'Create section'
Step 17: Replace the code in the 'page-faq-2__column2' section with the code from the original 'page-faq__column1' section and save.
Awesome! You just created a duplicate FAQ template, calling on a duplicate copy of the FAQ section code. Now you're ready to assign this template to another FAQ page.
Step 18: Head into your Shopify Admin > Online Store > Pages. Select your Page for this duplicate FAQ page. In the bottom right corner of the page, select page.faq-2 as the template, and save:
Advanced Customization
Please note that this tutorial is considered an advanced customization and is not supported by Out of the Sandbox. If you encounter difficulties with this, please contact a third party developer for more troubleshooting, customization or functionality.