Duplicate Any Shopify Section to a Different Page (with its content) – Step-by-Step Guide
Duplicating a section in Shopify is easy—as long as you’re staying on the same page. But what if you want to copy that beautifully crafted section, with all its content and settings, to another page? That’s where things get tricky. Shopify doesn’t offer a built-in way to do this across pages… but there’s a simple workaround.
In this tutorial, I’ll show you exactly how to copy a section and its content from one page to another by digging into your theme’s JSON template. Now before you panic at the sight of words like “JSON” or start thinking you need to become a full-stack developer overnight—worry not! All of our tutorials and copy/paste code snippets are carefully written to ensure anyone can achieve them, with no coding knowledge at all.
Just follow the steps carefully, and you’ll be moving sections around your store like a pro in no time. No need to rebuild anything from scratch. Just a quick copy-paste of the right code, and you’re done. Let’s jump in.
Step 1: locate the Shopify section that you want to duplicate
- From your Shopify admin, go to Online Store > Themes > Customize Theme. Select the theme you'd like to duplicate the section.
- In this example, I’ll be cloning the EZFY Code Snippet section “Text Scroller” from the homepage to the product page.
Since I’ve already added a lot of logos to it, I’d rather not have to re-add them manually on the product page.
- Once you have located the section, count what is the position of the section that you want to change, starting from the section below the word "template".
In this case, mine is number 4.
- Good! Keep this number in mind, we will use it soon. Let's move on the code now.
Step 2: finding the section in the code
- From the customize page that you're still in. click on ... > Edit Code
-
Now, depending on which page your section is on, you’ll need to find the correct JSON template for that page. For example, if your section is on the homepage, like in this tutorial, you’ll be looking for the index.json file.
Here’s a quick list of the main templates:
- index.json – Homepage
- product.json – Product pages
- collection.json – Collection pages
- page.json – Regular pages (like About or Contact)
- blog.json – Blog overview
-
article.json – Individual blog posts
If you’re using a custom template, just look for the filename that matches the template name.
For example, if you created a custom page template called "details", you should find page.details.json.In my case, since I’m working on the homepage, I’ll search for index.json using the search bar in the top-left corner of the Shopify code editor.
-
In this file, you’ll see a lot of code—but don’t worry! It might look complicated, but it’s actually very simple.
You will want to click on all little gray arrows on the left, starting from the line below the word "sections", to collapse the code to make it easier to visualize.
Click only on the arrows that on the upper left of the word "type", just like the image shows. Ignore all the others you find.
-
Once you collapse all of them (a.k.a you can no longer see any "type" words), count down to the same number your section was in before.
For example, if your section was the 4th one on the page, you’ll pick the 4th item in the code list here too.
I know this is the right one because it also says
'scrolling_text'
in the code’s name — that’s a good sign!
- Now click on the arrow to expand it.
- Now, click on the arrow next to the word: "blocks", "blocks_order" and finally "settings".
- Select the code as the image below shows and copy.
- Excellent, we're close. Final step!
final step: moving the section to the new page
-
Remember the list of pages and their matching template files I mentioned earlier? Use that to find the JSON template for the page you want to move the section to.
For example, I want to move this section to the product page, so I’ll use the product.json file.
- Paste the code you copied below the "sections" word.
- Once you paste it, scroll up again and copy the name of the section you have (quotes included).
In my case, it's "ezfy_scrolling_text_NadEXj". It will usually be something like the section name + a few random characters.
- Press CTRL + F to trigger the search box and search for "order".
Paste the code below the line you found and add a comma at the end.
- Click on the save button.
- On the top left, click on ... > Customize Theme.
- Go to the page you have added the section to. In this case, let's check the default product page. (not a custom template!)
-
Well done! You can see the section is there, with all the same content as on the homepage. Now you can move it around and edit it to your liking.
Just keep in mind: if you make changes here (or on the other page), they won’t affect each other — the sections are now independent.
That’s it — you did it!
Cloning a Shopify section (with all its content!) from one page to another might sound intimidating at first, but as you’ve seen, it’s totally doable — no coding skills needed. You just needed to poke around a bit in the JSON files, do some smart copy-pasting, and voilà: your section is now living happily on a new page.
This little trick can save you tons of time, especially when you’ve built something visually perfect and don’t want to recreate it from scratch.
Got more Shopify headaches you’d like solved? Stick around — we’ve got more easy, no-stress tutorials coming your way. Until then, happy customizing!