💻
Havi cosmetic theme documentation
  • Welcome
  • Installation
    • Theme
    • Shopify apps
  • Customization
    • Store settings
    • Theme settings
      • Multiple layouts
      • Colors
      • Buttons
      • Typography
      • Currency conversion
      • Wishlist
      • Search
      • Product item
      • Color swatch
        • Color swatch
        • Variant images swatch
        • Variant images grouped
      • Product detail
        • Each product has a different size chart
        • Each product has a different custom popup
      • Product quickview
        • Product variants (option selectors)
        • Product details
        • Countdown metafield
        • Short description metafield
      • GDPR and Notification someone purchased
        • How to get the product handle
      • Newsletter popup
      • Cart
      • Social media
      • Favicon
    • Page settings
      • Sections
        • Static sections
          • Announcement bar
          • Header
            • Navigation
            • Mega menu
          • Newsletter
          • Footer
        • Dynamic sections
      • Pages
        • Home
          • Custom HTML
          • Blog post
          • Brands
          • Collection list
          • Collection tab
          • Collection with image
          • Featured collection
          • Custom sub banner
          • Image with text
          • Slideshow
            • Image slide
            • Embed video slide (youtube, vimeo)
            • Video slide
          • Featured product
          • Instagram feed
          • Testimonials
          • Text with optional font awesome
          • Text with optional image
        • Password
        • Collection pages
          • Collection sidebar
        • Collection list page
        • Product pages
          • Product default layout
          • Product sticky layout
          • Related products
          • Recently viewed products
          • Upsell bundled products
          • Custom product tab
        • Blogs
        • Blog posts
        • Cart
        • Gift card
        • Custom pages
          • About
          • Contact
          • FAQ
          • Image gallery
          • Instagram shop
          • Wishlist
  • Tips
    • Change logs
Powered by GitBook
On this page
  • Upload theme
  • Skin
  • Publish theme
  • Customize theme

Was this helpful?

  1. Installation

Theme

In this article, you will find how to install the theme.

PreviousWelcomeNextShopify apps

Last updated 3 years ago

Was this helpful?

Upload theme

  • Download theme package from Themeforest

  • Unzip the downloaded file

  • Go to your Shopify admin > Themes > Upload theme

  • Browse the folder you extracted from downloaded package.

  • Select the zip file upload-me-havi-theme-1.0.0.zip

  • Click Upload file button to upload

Skin

Until now, we have 6 home pages.

More layouts are coming in the later release.

Please notice that: There are 02 ways to setup Homepage layout for your site:

  1. From your Shopify admin, go to Themes > Customize > Sections > Add Section:. This way you can create your own homepage by choosing the sections you want. But if you use many sections, it will take time to load in admin page.

  2. You can import Homepage layouts from the Preset below. This way helps your admin page load faster.

To import the settings data json for Homepage Layouts, please follow below instruction.

  1. Download the corresponding setting data json with homepage layout you want.

  2. Open downloaded file in the text editor.

  3. Select ALL and COPY

  4. Go to Actions > Edit Code

  5. Find folder Config > Open file settings_data.json -> Select ALL and delete. Paste copied preset from external file.

Publish theme

The uploaded theme appears in the Unpublished themes section. In order to publish the theme, click Actions > Publish

Customize theme

Home 1
Home 2
Home 3 - Video
Home 4
Home 5 - Full width
Home 6 - Box
58KB
home-1.txt
Home 1 - Settings data json
55KB
home-2.txt
Home 2 - Settings data json
53KB
home-3.txt
Home 3 - Settings data json
56KB
home-4.txt
Home 4 - Settings data json
55KB
home-5.txt
Home 5 - Settings data json
56KB
home-6.txt
Home 6 settings data json
Upload theme
Copy and paste your preset setting json
Publish theme
Customize theme