Untitled
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Split slideshow
    • ✨Slideshow
    • ✨Rich text
    • ✨Featured collection
    • ✨Marquee text
    • ✨Featured content columns
    • ✨Multi image with text
    • ✨Before/after image
    • ✨Featured products
    • ✨Images carousel
    • ✨Shop the look
    • ✨Featured product
    • ✨Featured blog
    • ✨Collection carousel
    • ✨Collections list
    • ✨Logo bar
    • ✨Testimonials
    • ✨Revealed video on scroll
    • ✨Newsletter
    • ✨Collage with text
    • ✨Collapsible content
    • ✨Countdown
    • ✨Text with Icons
    • ✨Video banner
    • ✨Map
    • ✨Images grid
    • ✨Custom liquid
    • ✨Timeline
    • ✨Collections tab
    • ✨Event calendar
    • ✨Featured media grid
    • ✨Store locator
    • ✨Shapes
    • ✨Recently viewed products
    • ✨Media grid
    • ✨Media with text
    • ✨Featured collections list
    • ✨Social media gallery
    • ✨Inline menus
    • ✨Best selling categories
    • ✨Overlapping product list
    • ✨Mobile dock
    • ✨Footer
    • ✨Theme settings
    • ✨Template product
    • ✨Related products
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
  • FAQ
    • Theme updates
    • How to setup the presets
      • Set up the demo layouts
    • Dark- Home page JSON
    • Dark- Product page JSON
    • Bold- Home page JSON
    • Bold- Product page JSON
    • Power- Home page JSON
    • Power- Product page JSON
    • Crystal- Home page JSON
    • Crystal- Product page JSON
    • Hunger- Home page JSON
    • Hunger- Product page JSON
    • Support
Powered by GitBook
On this page
  • Add template code to your theme
  • Steps to copy the JSON templates:
  1. FAQ
  2. How to setup the presets

Set up the demo layouts

PreviousHow to setup the presetsNextDark- Home page JSON

Last updated 9 months ago

The Fame theme comes with a single default home page and product page layout based on the Dark and Bold demo.

If you want to use the layout of another Fame demo, you can add the free template code below to your theme code editor.

Add template code to your theme

If you have purchased Fame, follow the steps below to replace your default homepage or product page with one of the demo layouts. No knowledge of code is mandatory - it's a simple copy & paste.

This template JSON code will place the sections in the same way as the demo store. The demo images are not included in this.

  • Duplicate your theme and open the theme code editor.

  • Copy the demo layout code from the below- mentioned links and paste it into Templates > index.json or product.json.

View the and

View the and

View the and

View the and

View the and

Steps to copy the JSON templates:

In the Shopify admin:

  1. Click Actions > Duplicate on your current theme to create a backup theme version. For safety reasons, it's recommended to create a duplicate of your current theme.

  2. Click Actions> Edit code in the duplicated theme version.

  3. In the Templates folder, search and click on the index.json (home page) or product.json (product page) file.

  4. Select the as per the required demo and copy code and paste it in the code editor> files opened in step 3. Note: To copy the code, you can use keyboard shortcuts to Select all (ctrl-a or cmd-a) and copy (ctrl-c or cmd-c). To paste the code, you can use keyboard shortcuts for Select all (ctrl-a or cmd-a) and paste (ctrl-v or cmd-v).

  5. Click save.

  6. All done! The new layouts for your homepage and product pages are completed in your duplicate theme's editor. Once you've customized this copy as per your requirements, you can just hit "Publish" to make this theme copy live on your website.

home page JSON
product page JSON
home page JSON
product page JSON
home page JSON
product page JSON
home page JSON
product page JSON
home page JSON
product page JSON
template code