myDemo.json

myDemo.json

[
{
"content": [
{
"name": "logo",
"title": "Logo",
"type": "file",
"value": "https://theme.hstatic.net/1000278055/1000356434/14/logo.png?v=1653",
"href": "#123"
}
],
"loop": {
    "menu": {
        "name": "menu",
        "structure": "<li><a class='smooth-scroll editable-menu_1' href='{{href}}'>{{menu}}</a></li>",
        "data":[
            {
            "name": "menu_1",
            "title": "Menu 1",
            "type": "text",
            "value": "Trang chủ",
            "href": "#123"
            },
            {
            "name": "menu_2",
            "title": "Menu 2",
            "type": "text",
            "value": "Giới thiệu",
            "href": "#123"
            },
            {
            "name": "menu_3",
            "title": "Menu 3",
            "type": "text",
            "value": "Sản phẩm",
            "href": "#123"
            },
            {
            "name": "menu_4",
            "title": "Menu 4 ",
            "type": "text",
            "value": "Tin tức",
            "href": "#123"
            },
            {
            "name": "menu_5",
            "title": "Menu 5",
            "type": "text",
            "value": "Liên hệ",
            "href": "#123"
            }
        ]
    }
},
"css": "header .hd-desktop{position:absolute;width:100%;z-index:2;background:rgba(0,0,0,0.8)}.hd-logo a{display:block}.hd-logo a img{max-width:120px}header .hd-desktop .hd-center{padding:20px 0}header .hd-desktop .hd-top a,header .hd-desktop .hd-top .hdt-cart a,header .hd-mobile .mobile-nav ul li a{font-size:14px}header .hd-desktop .hd-center .hd-navbar > ul > li{display:inline-block;}header .hd-desktop .hd-center .hd-navbar > ul > li > a{font-family:'Cuprum'!important;font-weight:700;display:block;padding:25px 20px;color:#b6b6b6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-transform:uppercase!important}header .hd-desktop .hd-center .hd-navbar > ul > li > a:hover{color:#fff}@media (max-width:992px){ header .hd-desktop .hd-center .hd-navbar > ul > li > a { padding: 20px 10px !important; font-size: 12px !important; } header .hd-desktop .hd-center { padding: 7px 0px !important; }}",
"html": "<header id='header'> <div class='hd-desktop medium--hide small--hide'> <div class='hd-center'> <div class='wrapper'> <div class='inner'> <div class='grid'> <div class='grid__item large--two-twelfths'> <div class='hd-logo'> <a href='/'> <img class='editable-logo' src='{{logo}}' alt='' /> </a> </div> </div> <div class='grid__item large--ten-twelfths'> <div class='hd-navbar'> <ul class='no-bullets'> {{menu}} </ul> </div> </div> </div> </div> </div> </div> </div> <div class='hd-mobile large--hide'> <div class='wrapper'> <div class='grid'> <div class='grid__item medium--one-third small--one-third'> <a href='/' class='header-logo'> <img class='editable-logo' src='{{logo}}' alt=''> </a> </div> <div class='grid__item medium--two-thirds small--two-thirds text-right'> <div class='mobile-nav'> <a href='javascript:void(0)' class='header-bars'> <i class='fa fa-bars' aria-hidden='true'></i> </a> <ul class='no-bullets'> {{menu}} </ul> </div> </div> </div> </div> </div></header>",
 "id": "000001",
"image_demo": "http://file.hstatic.net/1000234244/file/header-2_93bf1a5a6aea4c84a166173e710b0628.png",
"type": "header",
"status": 1
},
{
"content": [
{
"name": "aboutus_title",
"title": "Tiêu đề mục giới thiệu",
"type": "text",
"value": "Câu chuyện của chúng tôi"
},
{
"name": "aboutus_desc",
"title": "Nội dung mục giới thiệu",
"type": "text",
"value": "Với mong muốn mang lại nguồn thực phẩm sạch để đảm bảo sức khỏe và dinh dưỡng cho khách hàng. Cửa hàng Suplo Xanh đã không ngừng tìm kiếm nguồn cung thực phẩm tốt nhất từ các nông trại hữu cơ . Các nông trại mà chúng tôi lựa chọn luôn đạt tiêu chuẩn về vệ sinh an toàn thực phẩm và chất lượng. Mỗi sản phẩm đều được chăm sóc theo quy chuẩn nhất định, không thuốc kích thích hay chất bảo quản, đảm bảo tươi sạch mỗi ngày. Đội ngũ kiểm tra chất lượng và dịch vụ tốt nhất, luôn làm việc trách nhiệm để mang lại sản phẩm đạt chuẩn theo mục tiêu đề ra của cửa hàng nhằm đem lại lòng tin và sự ủng hộ từ phía người dùng."
},
{
"name": "aboutus_image_bg",
"title": "Ảnh nền cho mục giới thiệu",
"type": "file",
"value": "http://file.hstatic.net/1000234244/file/banner-aboutus2.jpg"
},
{
"name": "aboutus_link",
"title": "Đường dẫn đến trang khác",
"type": "text",
"value": "/pages/gioi-thieu"
}
],
"css": "#lg-aboutus{height:600px;background:url({{aboutus_image_bg}});background-origin:content-box;background-size:cover;background-attachment:scroll;background-position:top center;background-repeat:no-repeat;position:relative}#lg-aboutus .aboutus-inner{width:45%;left:40%;position:absolute;top:50%;transform:translate(0,-50%)}#lg-aboutus .aboutus-inner .about-title h2,#lg-aboutus .aboutus-inner .about-title .h2{margin-bottom:15px;font-size:30px;text-transform:uppercase!important;font-weight:700}#lg-aboutus .aboutus-inner .about-content{line-height:24px;color:#73888d;margin-bottom:15px}#lg-aboutus .aboutus-inner .about-link{background:#86bc42;border-radius:25px;color:#fff;display:inline-block;padding:10px 15px}",
"html": "<section id='lg-aboutus'> <div class='wrapper'> <div class='inner'> <div class='aboutus-inner'> <div class='about-title'> <h2 class='editable-aboutus_title'>{{aboutus_title}}</h2> </div> <div class='about-content editable-aboutus_desc'> {{aboutus_desc}} </div> <a href='{{aboutus_link}}' class='about-link editable-aboutus_link'> Đến cửa hàng Suplo </a> </div> </div> </div></section>",
"id": "000004",
"image_demo": "http://file.hstatic.net/1000234244/file/introduction.png",
"type": "introduce",
"status": 1
},
{
"content": [
{
"name": "policy_bg",
"title": "Ảnh nền cho mục chính sách",
"type": "file",
"value": "http://file.hstatic.net/1000234244/file/linedpaper.png"
},
{
"name": "policy_icon_1",
"title": "Hình ảnh cho chính sách 1",
"type": "text",
"value": "<i class='fa fa-truck'></i>"
},
{
"name": "policy_content_1",
"title": "Nội dung chính sách 1",
"type": "text",
"value": "Miễn phí vận chuyển"
},
{
"name": "policy_desc_1",
"title": "Mô tả chính sách 1",
"type": "text",
"value": "Nhận hàng trong vòng 3 ngày"
},
{
"name": "policy_icon_2",
"title": "Hình ảnh cho chính sách 2",
"type": "text",
"value": "<i class='fa fa-life-ring'></i>"
},
{
"name": "policy_content_2",
"title": "Nội dung chính sách 2",
"type": "text",
"value": "Hotline hỗ trợ 24/7"
},
{
"name": "policy_desc_2",
"title": "Mô tả chính sách 2",
"type": "text",
"value": "Nhận hàng trong vòng 3 ngày"
},
{
"name": "policy_icon_3",
"title": "Hình ảnh cho chính sách 3",
"type": "text",
"value": "<i class='fa fa-refresh'></i>"
},
{
"name": "policy_content_3",
"title": "Nội dung chính sách 2",
"type": "text",
"value": "Đổi trả hàng trong vòng 1 tuần"
},
{
"name": "policy_desc_3",
"title": "Mô tả chính sách 3",
"type": "text",
"value": "Nhận hàng trong vòng 3 ngày"
},
{
"name": "policy_icon_4",
"title": "Hình ảnh cho chính sách 4",
"type": "text",
"value": "<i class='fa fa-refresh'></i>"
},
{
"name": "policy_content_4",
"title": "Nội dung chính sách 4",
"type": "text",
"value": "Đổi trả hàng trong vòng 1 tuần"
},
{
"name": "policy_desc_4",
"title": "Mô tả chính sách 4",
"type": "text",
"value": "Nhận hàng trong vòng 3 ngày"
}
],
"css": "#lg-policy { padding: 50px 0px; background: url('{{policy_bg}}');}#lg-policy .policy-item:nth-child(odd) .policy-inner { background: #add07e;}#lg-policy .policy-item .policy-inner { background: #86bfd2; padding: 15px; border-radius: 10px; color: #fff; display: flex; align-items: center;}#lg-policy .policy-item .policy-inner .policy-info h3{ margin-bottom: 5px; text-transform: uppercase !important; font-weight: 700; font-size: 16px;}",
"html": "<section id='lg-policy'> <div class='wrapper'> <div class='inner'> <div class='grid'> <div class='policy-item '> <div class='grid__item large--one-quarter medium--one-half small--one-whole'> <div class='policy-inner'> <span class='editable-policy_icon_1'>{{policy_icon_1}}</span> <div class='policy-info'> <h3 class='editable-policy_content_1'>{{policy_content_1}}</h3> <span class='editable_policy_desc_1'>{{policy_desc_1}}</span> </div> </div> </div> </div> <div class='policy-item '> <div class='grid__item large--one-quarter medium--one-half small--one-whole'> <div class='policy-inner'> <span class='editable-policy_icon_2'>{{policy_icon_2}}</span> <div class='policy-info'> <h3 class='editable-policy_content_2'>{{policy_content_2}}</h3> <span class='editable_policy_desc_2'>{{policy_desc_2}}</span> </div> </div> </div> </div> <div class='policy-item '> <div class='grid__item large--one-quarter medium--one-half small--one-whole'> <div class='policy-inner'> <span class='editable-policy_icon_3'>{{policy_icon_3}}</span> <div class='policy-info'> <h3 class='editable-policy_content_3'>{{policy_content_3}}</h3> <span class='editable_policy_desc_3'>{{policy_desc_3}}</span> </div> </div> </div> </div> <div class='policy-item '> <div class='grid__item large--one-quarter medium--one-half small--one-whole'> <div class='policy-inner'> <span class='editable-policy_icon_4'>{{policy_icon_4}}</span> <div class='policy-info'> <h3 class='editable-policy_content_4'>{{policy_content_4}}</h3> <span class='editable_policy_desc_4'>{{policy_desc_4}}</span> </div> </div> </div> </div> </div> </div> </div></section>",
"id": "000005",
"image_demo": "http://file.hstatic.net/1000234244/file/policy.png",
"type": "policy",
"status": 1
},
{
"content": [
{
"name": "video_bg",
"title": "Hình ảnh nền cho video",
"type": "file",
"value": "http://file.hstatic.net/1000234244/file/home_video_bg.png"
},
{
"name": "video_url",
"title": "Đường dẫn video lấy từ youtube",
"type": "text",
"value": "https://www.youtube.com/embed/MwuvbPOAOok"
},
{
"name": "video_title",
"title": "Tiêu đề video",
"type": "text",
"value": "SUPLO & NGỌC TRINH - FREE SUMMER COLLECTION 2018"
},
{
"name": "video_desc",
"title": "Mô tả video",
"type": "text",
"value": "Ra mắt toàn quốc 31.02.2018"
}
],
"css": " #lp-video { height: 400px; margin-bottom: 60px; background: url({{video_bg}}); background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; } #lp-video .section-overlay { background: rgba(0, 0, 0, 0.3); position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; left: 0; } #lp-video .section-inner { position: absolute; z-index: 9; top: 0; bottom: 0; right: 0; left: 0; display: flex; justify-content: center; align-items: center;}#lp-video .section-inner .video-ads .openYoutube { font-size: 80px; color: #fff; opacity: 0.9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}#lp-video .section-inner .video-ads p { font-size: 20px; color: #fff; margin: 0px; text-align: center;}#lp-video .section-inner .video-ads p.video-title { margin-bottom: 15px;}#lp-video .section-inner .video-ads p { font-size: 20px; color: #fff; margin: 0px;}#lp-video .section-inner .video-ads p { font-size: 20px; color: #fff; margin: 0px;}",
"html": "<section id='lp-video'> <div class='section-overlay'></div> <div class='section-inner text-center'> <div class='video-ads'> <a href='{{video_url}}' class='editable-video_url' id='hvModalYoutubeBtn' class='openYoutube'> <i class='fa fa-play-circle' aria-hidden='true'></i> </a> <p class='video-title text-center editable-video_title'>{{video_title}}</p> <p class='video-date editable-video_desc'>{{video_desc}}</p> </div> </div></section>",
"id": "000006",
"image_demo": "http://file.hstatic.net/1000234244/file/videoo.png",
"type": "video",
"status": 1
}
]