Home » Shopify » Shopify vs Shopify 2.0

Shopify Vs Shopify 2.0

Shopify vs Shopify 2.0 opens up opportunities for developers creating themes and apps for shopify merchants. We have rebuilt the online store experience from the ground up and know a new set of developer tools to help you create amazing experiences for merchants and shoppers.

1.The Difference Between Shopify Vs Shopify Online Store 2.0 Theme

Default Theme

Shopify: Debut theme

shopify-debut-theme

Shopify 2.0 : Dawn theme

shopify-dawn-theme

Default section

Shopify: Default section is only on homepage
Shopify 2.0: Default sections is available for every page

Shopify App Assets

Shopify: Shopify developers needed to host themselves.
Shopify 2.0: Shopify CDN hosts all the assets submitted via theme app extensions.

App Integration Logic

Shopify: Build integration logic for every shopify vintage theme
Shopify 2.0: Theme app extensions for developers via app block.

2.Meta Fields

Coding

Shopify: Hardcode meta fields into themes rely on APIs to make changes to product pages
Shopify 2.0: Use dynamic sources to insert standard meta fields and known resource Properties as setting defaults.

File picker options

Shopify: Color data and time, file, json, measurement, number, rating, reference, text True or false, URL.
Shopify 2.0: +image,PDF files.

Meta Field Access

Created, whitelisted via the admin API and be able to retrieve all your metafields via the storefront API.

3.Theme Editor

Updated theme editor

Shopify: Need to drill down into different sections to update the hierarchy of a page.
Shopify 2.0: Easily update the hierarchy of a page i.e the editor now displays a tree view of all the content on a page in the sidebar.

Liquid input setting

Shopify 2.0: Add custom Liquid code to pages directly from the editor.

Developer Tools

Shopify: Development Theme editor
Shopify 2.0: Shopify CLI

Version control

Shopify 2.0: Shopify Github Integration

Theme Performance

Shopify: Theme check and shopify Theme inspector for chrome.
Shopify 2.0: +lighthouse CL GitHub Action

Identify issues in theme code

Shopify 2.0: Improved Theme Check

Example:

Debut Theme:

  • Sticky option-No sticky column
  • Color code- No frame work, just titles,buttons, forms and others
  • Slideshow- Available
  • Header/Logo- Limited flexibility and wrap into burger icon when header
  • Collides with navigation.
  • Flexible- with sticky options

Dawn Theme:

  • Sticky Option: The Product page has a dual-scroll experience on large screens.
  • Color code:Framework of color structure is available
  • Slide show: Replaced with a section that allows for common patterns of more than one image, piece of text and call to action.
  • Header/logo: Flexible with sticky options and also the header doesn’t detect the collision instead it wraps as triple lines.

4. Benefits of shopify online store 2.0 For Merchants

  • Sections for all the the templates
  • Meta field addition just got easier with dynamic resources.
  • Enhanced ability to modify the checkout section
  • Easy way of adding app sections.

5. Benefits of shopify online store 2.0 for Developers

  • New developer toolset
  • Improved app integration options
  • Development enhances
  • Updated theme environment

Leave A Comment