Vogal Premium Shopify Theme
View DemosOpen a Store for FREEBuy VogalOther ThemesTheme Support
  • Greeting
  • INSTALLATION
    • Install Theme
    • Recommended Apps
    • Theme Changelog
    • Update Theme
  • Basic Configuration
    • Enable Customer Accounts
    • Set Up Shipping Rates
    • Currency Settings
    • Menu Setup
  • Theme Settings
    • Layout Style
    • General
    • Fonts & Colors
    • Header
    • Cart
    • Search
    • Product Page
    • Products Grid
    • Currency & Language
    • Social Media
    • Popup Quickview
    • Popup Newsletter
    • Popup Someone Purchased
    • GDPR Cookie Popup
    • Checkout
    • Custom Css
  • Theme Sections
    • Featured Product
    • Collection List
    • Slideshow
    • Newsletter
    • Contact Form
    • Video
    • Custom Liquid
    • Blog List
    • Custom Block
    • Custom Block(Masonry)
    • Section Divider
    • FAQ
    • Featured Banner
    • Grid Banners
    • Hero Banner
    • Hero Banner(CTA)
    • Icons and Text
    • Image & Text (2 columns)
    • Image & Text (4 columns)
    • Image Gallery
    • Instagram
    • Instagram Shop
    • Logo List
    • Lookbook Shop
    • Map
    • Masonry Banner
    • Products + Banner
    • Products Columns
    • Products Rows
    • Products Slider
    • Products Tabs
    • Promotion Bar
    • Rich Text
    • Round Banners
    • Scrolling Text
    • Shop The Look
    • Testimonials
    • Text Column(Top Image)
  • General Sections
    • Footer
    • Mobile Toolbar
    • Custom Colors
    • Exit Intent Popup
  • Common Settings
    • Common Settings in Section
  • Collection Page
    • Breadcrumb
    • Collection Banner
    • Sub Collections
    • Collection Main
  • PRODUCT PAGE
    • Breadcrumb
    • Product Main
    • Product Tabs
    • Related Products
    • Recommended Products
    • Recently Viewed Products
    • Upsell Product Bundle
    • Group Products
    • More Products Color
  • Page Setup
    • Wishlist
    • About Us
    • Contact Us
    • FAQs
    • Our Brands
    • Store Locations
    • Portfolio
    • Blog
    • Create Custom Page
    • Cart
  • Vogal FAQs
    • How to display links in megamenu without column title?
    • Show product recommendation in cart drawer
    • Limit color swatch to display on products grid
    • How to add external product link/affiliate link?
  • Translations
Powered by GitBook
On this page
  • Download theme package
  • Upload theme on your store.
  • Install different home skins ( Other demos )
  1. INSTALLATION

Install Theme

Please follow steps below to install vogal theme

PreviousGreetingNextRecommended Apps

Last updated 5 months ago

You must unzip file (extract all files) from theme package that you have downloaded from themeforest. If you see error "zip does not contain a valid theme: missing template "layout/theme.liquid" while you install theme that means you are trying to upload wrong zip file.

Download theme package

Steps :

  1. Download theme package from Themeforest.

  2. Extract/Unzip all files from downloaded package.

  3. Find “vogal-install-me.zip” file. This is theme Demo Home 1 zip file. Please install this file on your shopify store.

Upload theme on your store.

Once you have the theme file ready, you can upload it to your shopify store.

Steps :

  1. From your store admin, click to Online store -> Themes -> Add theme -> Click Upload zip

  2. In the Upload theme modal, click Add file and select the file vogal-install-me.zip

  3. Click on Upload file button

Please wait until the uploading process get finished. Then click Customize button to activate the theme and start theme set up on your store

Install different home skins ( Other demos )

All you need to do is copy all data from index.json and settings_data.json file from any preset folder file (demo you want to install) and paste it on same theme file on your store as explain below.

Please follow all above steps then do continue from below.

Steps:

  1. Go to the "Demo Preset " folder that you downloaded from themeforest.net

  2. In the Preset folder, you can see a folder for all available home. Please open any home folder that you would like install.

  3. From your Shopify store admin, go to Themes -> Find Vogal -> Actions -> Edit Code

  4. Find Templates folder -> open index.json file -> SELECT ALL and DELETE then paste preset folder file data and click save( index.json file data from preset folder. see step 3)

  5. Find Config folder -> open settings_data.json file -> SELECT ALL and DELETE then paste preset folder file data and click save ( settings_data.json file data from preset folder. see step 3)

By Default your uploaded theme is unpublished. Another theme is active on your store. You can publish new theme when you are done with theme configuration and setup. Click on Publish button to publish new theme

You can see 2 files : index.json and settings_data.json. to see all available home skins/demos. Keep both these files open. You need to copy all data from both files one by one.

Click here
https://themeforest.net/downloads