🎽
Ciseco - Hydrogen Shopify's Headless storefront
Preview demoBuy Ciseco
  • πŸ’A few words of thanks
  • 🌟Hydrogen and Oxygen fundamentals
  • πŸ‘‹Getting started
  • Getting started
    • Step 1. Getting started with Ciseco - Hydrogen and Oxygen
    • Step 2. Import Definitions and demo entries.
    • Step 3. Deploy to Oxygen
    • Step 4. Setup for using Customer Account API (/account route)
    • Step 5. Congratulations!
  • Ciseco with Development store
    • 🐣Ciseco test with development store
    • Step 1. Install the required apps
    • Step 2. Setup environment variables.
    • Step 3. Setup for using Customer Account API (/account route)
    • Step 4. Install node_module and run on localhost
    • Step 5. Import Definitions and demo entries.
    • Step 6. Deployments
    • Step 6.1. Deployments with GitHub
    • Redirect traffic to the Hydrogen channel
  • Ciseco's features
    • Display the color variant options as image swatch
    • Wishlist
    • Header mega menu
    • Footer menus
    • Product reviews with Okendo
    • Smart filter feature
    • Use the Shopify checkout
    • Customize pages and sections?
    • Add new page
    • Ciseco metaobject definitions and metafield definitions
      • 1 - Product Metafield definitions and Collection Metafield definitions
      • 2 - Link, Social
      • 3 - Hero Item, Section | Hero, Section | HeroSlider
      • 4 - Client Say, Section | ClientsSay
      • 5 - Section | LatestBlog
      • 6 - Section | GridProductsAndFilter
      • 7 - Collection Group, Section | TabsCollectionsByGroup
      • 8 - Section | ImageWithText
      • 9 - Section | Steps
      • 10 - Section | ProductsSlider
      • 11 - Section | CollectionsSlider
      • 12 - Route
    • Custom color, fonts
    • Favicon & Seo
    • Internationalization with Shopify Markets
    • ⁉️Getting the problem while importing demo metaobjects entries.
  • Folder Structure
  • Component Structure
  • Sources And Credits
  • Support
  • Change log
    • Update project
    • Change log
Powered by GitBook
On this page
  • ​Step 1. Create a Private Admin App
  • Step 2. Import Definitions and demo entries.
  • πŸ‘‰ Video Import definitions and demo entries.

Was this helpful?

  1. Getting started

Step 2. Import Definitions and demo entries.

Import Metafield definitions, Metaobject definitions and Metaobject entries.

PreviousStep 1. Getting started with Ciseco - Hydrogen and OxygenNextStep 3. Deploy to Oxygen

Last updated 5 months ago

Was this helpful?

Requirements

  • You need to complete the steps and complete the steps in the section Step 1. Getting started with Ciseco - Hydrogen and Oxygen

Step 1. Create a Private Admin App

  1. Go to the Shopify admin dashboard, navigate to Settings > Apps and sales channels > Develop Apps, and click on Create app.

  2. After naming and creating your app, move to the Configuration tab.

  3. In the β€œAdmin API access scopes” section, click Edit and select the following scopes: read_apps, read_files, write_files, write_metaobject_definitions, read_metaobject_definitions, write_metaobjects, read_metaobjects, write_products, read_products, write_themes, read_themes

  4. Under Webhook subscriptions, choose the 2024-04 API version.

  5. Lastly, navigate to the API Credentials section.

    • Copy the Admin API access token and save it to a file for convenient use in the steps below

Step 2. Import Definitions and demo entries.

  1. You can deploy the Hydrogen application to Oxygen and import data there. However, my advice is to check everything on Localhost and deploy it to Oxygen as the final step.

  2. Check all have been set correctly and.

  3. Open the terminal and run: "npm run dev"

  4. Go to http://localhost:3000/cisecoInitCreateMetaobjectDefinitions

  5. Enter the Admin API access token value above into the input box and perform data import.

  6. After importing, you need to manually enable the Storefronts access option in the admin page (Please check the video below for more clarity)

  7. Please follow the video below.

πŸ‘‰ Video Import definitions and demo entries.

app installation
Getting Started
​
environment variables
node_module has been installed
Video Import Definitions and demo entries
32MB
importOrigin2.webm