LayoutHub
  • What is LayoutHub?
  • User guides
    • Support
    • Installation
    • Uninstallation
    • Upgrade/Downgrade
    • FAQs
      • How to remove instagram section from Layouthub
      • What is "Pages limit"?
      • When can I "Edit code"?
      • What about "Save section"?
      • What is " Auto save draft"?
      • What is "Integration Services"?
      • How to set the same font between Shopify and LayoutHub?
      • How to custom font and color on LayoutHub?
      • How to set "Page handle or human url"?
      • Connective Button
      • How to save page without publish it
      • How to change the meta SEO for LayoutHub's page
    • Common Issues
    • Layout Management
      • Create Layouts
      • Design Blocks
      • Export & Import
      • Edit Section Code
      • Edit a Layout
      • Assign a Layout
      • Duplicate a Layout
      • Delete a Layout
    • Section builder
    • LayoutHub pages/templates
      • Home Page
        • Create additional Home Page
        • Make an existing page as home page
        • Restore to default Home Page
        • Customize Shopify Home Page
      • Sub-page
        • Contact Form
      • Product Template
        • Product Detail
        • Related Product
      • Collection Template
      • Blog Templates
      • Article Templates
      • Insert section
    • Pricing Plans
    • Settings
      • General
      • Theme Settings
      • Quickview Settings
      • Swatch color settings
      • Third party Apps
        • Product Review
        • Product Wishlist
    • Trash
    • Sale Tools
    • Referrals
    • Integration
      • Add/Edit Profile
      • Add New Contact
      • Export Contact
      • Mailchimp
      • Hubspot
      • ActiveCampaign
      • GetResponse
      • SendGrid
      • Gmail SMTP
      • Google Sheets
      • Omnisend
      • Klaviyo
      • ConvertKit
    • Tracking & Analytics
    • Layouthub & Shopify
    • Translate Apps
    • Recommend apps
      • Avada SEO Optimization
      • Ali Reviews ‑ Product Reviews
      • Ryviu: Product Reviews App UGC
      • Quick View by Secomapp
      • LAI AliExpress Reviews
      • Judge.me Product Reviews
      • Growave - Loyalty, Wishlist, Reviews UGC
      • Opinew Product Reviews
    • Refund Policy
    • Instagram token
  • Development
    • Getting started
    • Tools
      • LayoutHub Kit (for LayoutHub developers only)
      • LayoutHub Kit Extension for Visual Studio Code
    • Layout Structure
    • Reference
      • Engine syntax
        • Deprecated: March 2020
        • Chuẩn template mới - LayoutHub Editor V4
      • Create a section
      • Components
      • Liquid in section
      • Javascript in section
      • Register vendors
      • Settings.js
        • Call-to-action
        • Text
        • Textarea
        • Text Editor
        • Dropdown
        • Checkbox list
        • Checkbox radio
        • Toggle
        • Number slider
        • Number
        • Single image
        • Image library
        • Color picker
        • Icon picker
        • Font picker
        • Background
        • Picker
        • Group fields
Powered by GitBook
On this page
  • How to use
  • Video guide
  • Downloads
  • Bug & Feedback
  • Updates & Changelogs

Was this helpful?

  1. Development
  2. Tools

LayoutHub Kit (for LayoutHub developers only)

LayoutHub Kit is a tool for LayoutHub app. Download the application and with a tiny bit of setup you’re off to the layout creation races.

PreviousToolsNextLayoutHub Kit Extension for Visual Studio Code

Last updated 3 years ago

Was this helpful?

Already Deprecated at 31/5/2021

Using LayoutHub Kit will enable you to

  • Upload Layout to Multiple Environments

  • Fast Uploads and Downloads

  • Watch for local changes and upload automatically to LayoutHub app

  • Works on Windows, Linux and macOS

How to use

  1. Enter your username and password to login

  2. Click on Download layouts and select your layout to download

  3. Click on Watch button to watching your changes

Your layout must follow structure

  • Page_folder

      • section.lh (*)

      • thumbnail.jpg (*)

      • script.js

      • php.json (For Php only)

        • field_1.lh

        • file_2.lh

      • assets

        • js

          • myscript.js

        • css

          • mystyle.css

        • images

          • abc.jpg

          • xyz.png

    • thumbnail.jpg (*)

(*) is required

Video guide

Downloads

Window (2.0)

Mac OS (2.0)

Linux debian (2.0)

Bug & Feedback

Updates & Changelogs

  • 20/02/2020 V1.1.1 The first app release.

  • 15/05/2020 V1.1.2 Update and fix some bugs.

  • 28/05/2020 V1.1.3 Allow search layout and fix some bugs.

Change your files, and it will automatic sync to Layouthub at:

(*)

(For Shopify only)

(*)

If you facing any issues with Our app. Please contact us via email:

If you love LayoutHub, could you consider posting an review? That would be awesome and really help us to grow our business, here is the.

https://dev.layouthub.com/editor
section_folder
settings.js
style.css
liquid.json
includes
page.json
https://drive.google.com/open?id=16pcXqqTgP9brujnsYpm7AinRW4uHZXe1
https://drive.google.com/open?id=1DVyOvDv6a9ET4OSurf2LLBdHK3W8Aggw
https://drive.google.com/open?id=1LWgTiCawnZUNhS7vsmkVvyXIPGf2T_uE
daniel@layouthub.com
link
7MB
sample.zip
archive
Sample.zip