Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • How to create product template?
    • Quick order list
    • Recently viewed product
  • Collection Page
    • How to create collection template?
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page

Importing our demos

PreviousVersion 1.0.0

Last updated 12 days ago

CtrlK
  • Note:
  • Demos structure
  • Koto
  • Rinku
  • Mochi

You can also copy the structure of any of our 4 demos in a few steps.

  1. Copy the demo structure from the links below (Cmd-A or Ctrl-A to select all).

  2. Follow to the section Online Store > Themes in your store. Click the three dots button of your theme.

  3. Open the code editor by clicking the Edit code button.

  1. Ex. In the code editor, search for the file "index.json" and paste the demo structure. Click "Save" to save your changes. If there's an error, click "Format json" and try to save the file again.

Note:

Uploading the preset .json file will import only the layout and theme settings. The images and content from the live demo are not included. After importing, please upload your own images and replace the demo text.

Demos structure

Koto

6KB
header-group.json
2KB
overlay-group.json
20KB
index.json
1KB
footer-group.json
35KB
settings_data.json

Rinku

4KB
header-group.json
2KB
overlay-group.json
22KB
index.json
1KB
footer-group.json
34KB
settings_data.json

Mochi

3KB
header-group.json
2KB
overlay-group.json
23KB
index.json
1KB
footer-group.json
34KB
settings_data.json
Live Chat Support | Webibazaar Template
Logo