Ella Documentation
Open a Store for FREEExclusive OffersServicesResources
  • Greeting + Useful Resources
  • Exclusive Offers 🔥
  • Changelog
  • Full Theme Features in Ella 6
  • Installation
    • Install Theme 🎯
    • Update Theme 🔔
      • Update from Ella 1.0, 2.0, 3.0, 4.0, 5.0 to Ella 6.0
      • Update from Ella 6.0 to a higher version
      • Theme Update Service
    • Install App
  • Basic Configuration
    • Customer Registration
    • Shipping Rates
    • Navigation
    • Sticky Toolbar Mobile
    • Online Store 2.0
      • Color Gradient
      • Dynamic Source
  • Theme Settings
    • Multiple Layouts
    • Typography
    • General
      • Favicon
      • Wishlist
      • X-shaped cursor
      • Terms and conditions
      • Swatch
      • Variant picker
      • Customization option
      • Customer login
      • Hot stock function
      • Add to cart action
      • Lazy load image
      • Slider dots
      • Slider arrows
      • Pagination
      • Trusted image
      • Dynamic browser tab title
      • Saved price
      • Scroll down to the next section
      • View documentation
    • Product card
      • Change product card layout
      • Set up for product card
      • Positive vibes bundle
      • Product badges
      • Product Swatch
      • Product Action
      • Quick Shop
      • Marquee
    • Theme Language
      • How to set up a different language?
      • How to set up Multiple Languages?
    • Multiple Currencies
    • Multi-Level Categories
    • Quick Search
    • Quick Cart/ Quick Edit Cart
    • Quick View
    • Countdown
    • Free Shipping Calculator Message
    • Someone Purchased Notification Popup
    • GDPR Popup
    • Popup
    • Recently Viewed Popup
    • Before You Leave
    • Notify Me When Out Of Stock
    • Ask An Expert
    • Social Media
    • Product Colors
    • General colors
    • Animations
    • Adding custom CSS to your theme
    • Custom JS
    • Checkout
  • Header
    • Header For Desktop
      • Home 01 - Classic
      • Home 02 - Trendy Style
      • Home 03 - In vogue
      • Home 04 - High Fashion
      • Home 05 - Surfing
      • Home 06 - SuperMarket
      • Home 07 - Electronics
      • Home 08 - Large Catalogs
      • Home 09 - Pet Supplies
      • Home 10 - Jewelry
      • Home 11 - Health & Beauty
      • Home 12 - Men Fashion
      • Home 13 - Winter Sport
      • Home 14 - Automotive 1
      • Home 15 - Automotive 2
      • Home 16 - Game
      • Home 17 - Gym
      • Home 18 - Shoes
      • Home 19 - Swimwear 1
      • Home 20 - Furniture
      • Home 21 - Yoga
      • Home 22 - Eyes Wears
      • Home 23 - Plant+ Garden
      • Home 24 - Bicycle
      • Home 25 - Swimwear 2
      • Home 26- Bagratica
      • Home 27 - Men Fashion 02
      • Home 28 - Single Product
      • Home 29 - Chic Couture
      • Home 30 - POD Store
      • Home 31 - Hair Wigs
      • Home 32 - Suitcase
      • Home 33 - Coffee Shop
      • Home 34 - Lunch Set
      • Home 35 - Dietary Supplement
      • Home 36 - Deluxe Interior
    • Header For Mobile / Tablet
    • Set up Advanced Mega Menu/ Drop Down Menu
      • Label For Menu
    • Mobile Menu
  • FOOTER
    • Footer Layout
      • Home 01 - Classic
      • Home 02 - Trendy Style
      • Home 03 - In vogue
      • Home 04 - High Fashion
      • Home 05 - Surfing
      • Home 06 - SuperMarket
      • Home 07 - Electronics
      • Home 08 - Large Catalogs
      • Home 09 - Pet Supplies
      • Home 10 - Jewelry
      • Home 11 - Health & Beauty
      • Home 12 - Men Fashion
      • Home 13 - Winter Sport
      • Home 14 - Automotive 1
      • Home 15 - Automotive 2
      • Home 16 - Games
      • Home 17 - Gym
      • Home 18 - Shoes
      • Home 19 - Swimwear 1
      • Home 20 - Furniture
      • Home 21 - Yoga
      • Home 22 - Eyes Wears
      • Home 23 - Plant+ Garden
      • Home 24 - Bicycle
      • Home 25 - Swimwear 2
      • Home 26 - Bagratica
      • Home 27 - Men Fashion 02
      • Home 28 - Single Product
      • Home 29 - Chic Couture
      • Home 30 - POD Store
      • Home 31 - Hair Wigs
      • Home 32 - Suitcase
      • Home 33 - Coffee Shop
      • Home 34 - Lunch Set
      • Home 35 - Dietary Supplement
      • Home 36 - Deluxe Interior
  • SECTIONS
    • Section On Every Page
    • All Sections in Theme
      • Announcement Bar
      • Multitab Image
      • Brand Slider
      • Brands Showcase
      • Banner Motion
      • Before/After Image Slider
      • Blog Posts
      • Blog Posts List
      • Blog Posts Slider
      • Custom Text
      • Custom Image Banner
      • Custom Liquid
      • Custom Press Banner
      • Customer testimonial
      • Customer Review
      • Custom Service Block
      • Custom Product Widget
      • Counter Positions Image Banner
      • Collapsible Content
      • Collection List
      • Featured Categories
      • Featured Product
      • FAQs
      • Google Map
      • Image Banner
      • Instagram
      • Instagram Visual Grid
      • Instagram Special
      • Highlights Lookbook
      • Newsletter
      • Newsletter with banners
      • Newsletter With Countdown
      • Marquee
      • Multilayer image
      • Page
      • Policies Block
      • Product Block
      • Product Block Duo
      • Product Tabs
      • Product Vertical
      • Product Highlight
      • Puzzled Image Banner
      • Promo banner with product grid
      • Rich Text
      • Slideshow
      • Search Block
      • Spotlight Block
      • Special Banner
      • Spotlight Products
      • Slidable Spotlight
      • Sticky Scrolling Banner
      • TikTok Video
      • Video
      • Video carousel
      • Visual Lookbook
  • Collections List Page
    • Demo & Settings Data
    • Collections List Section
  • Collections Page
    • Demo & Settings Data
    • Sub Collection
    • Collection section
      • Collection header
      • Main collection
        • Filter
  • Product Page
    • Demo & Settings Data
    • Product Information
      • Product Media
      • Product Tabs
      • Product Variant
      • Size Chart
      • Description
      • Delivery Time
      • Dynamic Checkout Button
      • Color Comparison
      • Sticky Add To Cart
      • Sold In Last Period
      • Customers Viewing
      • Custom Information
      • How To Set Up Product Description For Each Variant?
      • How To Set Up Product Property By Metafields?
      • How To Set Up Complementary Products?
      • Positive Vibes Bundle
      • Combined Products Listing
      • List Tags
    • Variant Image Grouped
    • Product Bundle
    • Product Combo
    • Quick Order List
    • Product Description Tab
    • Product Recommendations
    • Recently Viewed Products
    • How To Set up Pre-Order Product?
    • How To Set Up Local Pickup?
  • How to set up a product template 'step by step'?
  • Blog
    • Blog
    • Default Layout
    • Layout 01
    • Layout 02
    • Layout 03
    • Layout 04
  • Article
    • Article
    • Default Layout
    • Layout 01
  • Page
    • How To Create A Page?
    • Find A Store/ Store Locator Page
    • Landing Page
      • Landing Page 01
      • Landing Page 02
      • Landing Page 03
    • Wishlist Page
    • Brands Page
    • Collection Detail Page/ Sub Collection Page
    • FAQs Page
      • Layout 01
    • Lookbook Page
      • Layout 01
    • Contact Us Page
      • Layout 01
      • Layout 02
    • About Us Page
      • Layout 01
      • Layout 02
    • Portfolio Page
      • Layout 01
      • Layout 02
    • Password Page
      • Layout 01
      • Layout 02
    • Other Pages
      • 404 Page
      • Search Page
  • Our Services
    • Theme Installation Service
    • Theme Update Service
    • Theme Development Service
    • Website UI Design
  • Knowledge Base
  • Theme Support
Powered by GitBook
On this page
  • Things to know before you update the theme:
  • Starting your update:
  • 01: Update for Theme Settings:
  • 02: Update for Home Page:
  • 03: Update for Header:
  • 04: Update for Footer:
  • 05: Update for other Pages:
  • 06: Update for Language files:
  • 07: Update Custom CSS + Custom JS
  • Theme Update Service:
  1. Installation
  2. Update Theme 🔔

Update from Ella 6.0 to a higher version

PreviousUpdate from Ella 1.0, 2.0, 3.0, 4.0, 5.0 to Ella 6.0NextTheme Update Service

Last updated 11 months ago

Things to know before you update the theme:

The Logic of Updating a theme in Shopify platform:

  • Ella is the same as any other Shopify themes in Shopify platform. That is when a new update version released, it will be a core theme source, independent from the previous ones you are using. Thus, your changes on the previous versions will not be included in the update.

  • To update the theme to the latest version, you can follow our next instructions. We will guide you how to update theme and help you save your settings.

  • Any custom works/ customizations/ changes which are not available from theme core default will be lost and needs customization from the starting point.

Remember: The instructions below are applied to update the theme without losing default settings in Theme Editor (Not including the customization and app's code). All custom works which were changed in our theme files will not be updated and have to be redone manually.

About the apps you installed, you might need to install them again. We recommend you contact the app provider to have support because we're not able to handle the app's code.

Starting your update:

If your store is using from Ella 6.0 version and you would like to update to the latest version, please follow below instruction:

You should duplicate your current theme to avoid issues (if any) when updating the theme.

  1. Go to your account on Themeforest to download the latest theme source.

  2. Upload the latest theme source into your store.

There are some files that need to be copied to maintain your modifications in the latest theme source

01: Update for Theme Settings:

  1. Go to the old theme source -> Edit Code -> Open this file settings_data.json and COPY ALL codes.

  2. Go to the new theme source which you just installed into your site -> Edit Code -> Open this file settings_data.json, delete and PASTE codes you just copied into this file.

02: Update for Home Page:

  1. Go to the old theme source -> Edit Code -> Open this file index.json and COPY ALL codes.

  2. Go to the new theme source which you just installed into your site -> Edit Code -> Open this file index.json, delete and PASTE codes you just copied into this file.

03: Update for Header:

From Ella 6.5.0 to the latest version, we have updated the Header to Header Group. Follow the instruction below to maintain the same header layout in the newest theme source.

  1. Go to the old theme source -> Edit Code -> Open this file header-group.json and COPY ALL codes.

  2. Go to the new theme source which you just installed into your site -> Edit Code -> Open this file header-group.json, delete and PASTE codes you just copied into this file.

04: Update for Footer:

From Ella 6.5.0 to the latest version, we have updated the Footer to Footer Group. Follow the instruction below to maintain the same header layout in the newest theme source.

  1. Go to the old theme source -> Edit Code -> Open this file footer-group.json and COPY ALL codes.

  2. Go to the new theme source which you just installed into your site -> Edit Code -> Open this file footer-group.json, delete and PASTE codes you just copied into this file.

05: Update for other Pages:

Repeat the procedure: Copy codes in file from old theme source, go to the corresponding file in new theme source, delete and PASTE codes you just copied for other pages:

  • Collection List Page => list-collections.json

  • Collection Page => collection.json

  • Product Page => product.json

  • Blog Page => blog.json

  • Blog Detail Page => article.json

  • For Inner pages such as: About us, Contact us... => Search "page.template" to see the corresponding files

For any other pages you have created yourself, they are not included in the newer theme sources.

To keep the same layout + settings of pages, please go to Edit Code -> Templates -> Search .json to see all files of page template.

Copy codes in file from the old theme source, go to the corresponding file in new theme source, delete and PASTE codes you just copied.

06: Update for Language files:

  1. Go to the old theme source -> Edit Code -> Locales

2. Open the file of your languages. Example we are using German, we will open de.json file

3. Copy all codes in the language file from the old theme source and go to the corresponding language file in new theme source, delete and PASTE codes you just copied.

07: Update Custom CSS + Custom JS

Note:

  • This instruction only applies in case you (yourself) make any changes, custom code/ customizations in these 2 files: custom.css or custom.js

  • If you make changes not only on these 2 files, but also on other files (such as liquid, Json), you have to do by yourself again.

If you don't make any changes in these 2 files, please skip this instruction below.

01: Custom CSS

Step 1: Copy CSS from the custom.css file:

  1. Select the theme source with previous version before updating.

  2. Go to Edit Code -> Open this file custom.css and COPY ALL.

Step 2: Paste CSS to the custom.css file:

  1. Select the newest theme source after updating.

  2. Go to Edit Code -> Open this file custom.css, delete and PASTE code you just copied into this file.

  3. Click Save.

02: Custom JS

Step 1: Copy JS from the custom.js file:

  1. Select the theme source with previous version before updating.

  2. Go to Edit Code -> Open this file custom.js and COPY ALL.

Step 2: Paste JS to the custom.js file:

  1. Select the newest theme source after updating.

  2. Go to Edit Code -> Open this file custom.js, delete and PASTE code you just copied into this file.

  3. Click Save.

*****************

Theme Update Service:

In the event that your extensively modified or customized theme requires professional intervention, our expert team is at your service. We provide solutions to ensure the continuous optimization, updating, and safeguarding of your themes.

With an average of 10 annual releases, updating your theme to the latest version is pivotal to harnessing Shopify's latest features, bolstering security, and addressing bugs.

Our Services Include:

  • Updating your theme source to the latest version

  • Preserving your settings and setup within the theme

  • Keeping your custom code modifications from the previous theme source (need our separate estimation)

  • Assisting in the reinstallation of apps for seamless integration

At this step, you can get some errors because of header and footer in section groups, follow this video to fix: (Read our video description for the explanation about why the errors appear when updating to version 6.5.0) Our support team is available to support you if you need our help:

From Ella versions 6.0.0 to less than 6.5.0, skip this instruction as the header-group.json does not exist in your current theme source. to set up the header.

From Ella versions 6.0.0 to less than 6.5.0, skip this instruction as the footer-group.json does not exist in your current theme source. to set up the header.

and share your detailed requirements. Our expert team will get back to you asap.

https://youtu.be/zM4oGyxOSDs
https://halosoft.ticksy.com/
Follow the alternative instruction
Follow the alternative instruction
Contact us
Instruction Video
Ella Theme Update Service - Stay Current with the Latest Features and SecurityHaloThemes - Ecommerce Website Templates for Your Online Store
Logo