HYPER theme
Try Hyper freeResourcesOther solutions
  • What is Hyper theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Hyper theme
    • Set up my store as Hyper demo
    • Update Hyper theme
    • Theme license & Transfer
  • Page's global sections
    • Announcement bar
    • Top bar
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Cart drawer
    • Popup
    • Product compare
    • Quick view
    • Spotlight picks
  • Theme sections
    • Banner with hotspots
    • Before/after image slider
    • Brand logos 🔥
    • Button group
    • Collapsible tabs
    • Collection list
    • Collection list slider
    • Collection tabs
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products 🔥
    • Featured blogs
    • Featured collection
    • Featured countdown timer 🔥
    • Featured product
    • Horizontal products list 🔥
    • Image with text
    • Image with text overlay
    • Image with text slider 🔥
    • Lookbook slider
    • Multicolumn
    • Multicolumn with icon
    • Press 🔥
    • Products bundle 🔥
    • Promotion banner
    • Recently viewed products
    • Rich text
    • Shop the feed 🔥
    • Scrolling banner
    • Scrolling gallery images
    • Scrolling promotion
    • Slideshow
    • Tabs content
    • Testimonials
    • Testimonials masonry 🔥
    • Video
    • Video hero
  • Theme settings
    • General
    • Animations
    • Blog cards
    • Buttons
    • Cart
    • Color swatches
    • Colors
    • Currency format
    • Custom CSS
    • Layout
    • Logo
    • Product badges
    • Product cards
    • Product compare
    • Quick view
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Breadcrumbs
      • Product information
      • Quick comparision table
      • Quick order list
      • Related products
    • Collection page
      • Collection template
      • Collection banner
      • Product grid
    • Collections list page
  • Other pages
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Add Highlighted text to your Headings
    • Add gift wrap option to my cart
    • Combined listings app
    • Set up Local Pickup option
    • Set up quantity rules and volume pricing in B2B
    • Show Payment icons
Powered by GitBook
On this page
  • Get the sample data
  • Import the sample data to your theme
  1. Getting started

Set up my store as Hyper demo

A guide to import Hyper demo data onto your store

PreviousInstall Hyper themeNextUpdate Hyper theme

Last updated 2 days ago

Hyper offers ( and ) that are great starting points for building an eCommerce site that stands out from the crowd.

If you want to import and set up your store as a demo, make sure your theme is not in the trial mode and follow the steps below.

Get the sample data

After adding the theme to your Shopify store, click the download links to get the sample data of the demo you prefer.

Demo
Sample data

Garace

Ceramide

In each sample data folder, you will find some files in .json format.

Import the sample data to your theme

Steps:

  1. From your Shopify dashboard, go to Online Store > Actions > Edit code.

  2. In the theme code, replace the content of the relevant files with the files provided in the demo sample data you downloaded.

For example:

templates/index.json: copy and replace the content of the file templates/index.json.

sections/header-group.json: copy and replace the content of the file sections/header-group.json.

sections/footer-group.json: copy and replace the content of the file sections/footer-group.json.

  1. Once you’ve replaced the contents of the necessary files, don’t forget to save all your changes.

Use the search bar to quickly search and navigate to the theme files you need.

Download
Download
2 demo options
Garace
Ceramide
For example, in this Ceramida file, you can find 3 major folders: 'templates', 'sections' and 'config'.
Open the each folder, you will see the .json files.
Try Foxify free now