{"id":323,"date":"2021-01-07T04:29:50","date_gmt":"2021-01-07T04:29:50","guid":{"rendered":"https:\/\/flone.hasthemes.com\/extra\/?page_id=323"},"modified":"2021-01-07T05:56:34","modified_gmt":"2021-01-07T05:56:34","slug":"instagram-store","status":"publish","type":"page","link":"https:\/\/thethemedemo.com\/flone-extra\/instagram-store\/","title":{"rendered":"Instagram store"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"323\" class=\"elementor elementor-323\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9f5ea2a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9f5ea2a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-81203d1\" data-id=\"81203d1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1b3427 elementor-widget elementor-widget-heading\" data-id=\"a1b3427\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Instagram Shop<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a08790 elementor-widget elementor-widget-text-editor\" data-id=\"4a08790\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b84a9a9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b84a9a9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0fb15e8\" data-id=\"0fb15e8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69b971b flonefeedinstagram-column-4 elementor-widget elementor-widget-flone_instagram\" data-id=\"69b971b\" data-element_type=\"widget\" data-widget_type=\"flone_instagram.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"floneinsta-instragram floneinsta-style-2\">\r\n\r\n            <div id=\"flone-instagram-instagram-list-69b971b\"><\/div>\r\n\r\n            \r\n        <\/div>\r\n\r\n        \r\n        <script type=\"text\/javascript\">\r\n            ;\r\n            jQuery(document).ready(function($) {\r\n                'use strict';\r\n\r\n                var limit = 8,\r\n                    id = '69b971b',\r\n                    username = 'education.devitems',\r\n                    img_size = 480,\r\n                    slider_on = 'no';\r\n\r\n                \/\/ Meta Option\r\n                var comment = '',\r\n                    like = '',\r\n                    lightbox = 'yes',\r\n                    like_icon = '',\r\n                    comment_icon = '',\r\n                    zoo_image = '',\r\n                    lazy_load = 'no';\r\n\r\n                \/\/ Slider Option\r\n                if (slider_on == 'yes') {\r\n                    var slider_opt = [];\r\n                    var arrows = slider_opt['arrows'],\r\n                        arrow_prev_txt = slider_opt['arrow_prev_txt'],\r\n                        arrow_next_txt = slider_opt['arrow_next_txt'],\r\n                        dots = slider_opt['dots'],\r\n                        autoplay = slider_opt['autoplay'],\r\n                        autoplay_speed = parseInt(slider_opt['autoplay_speed']) || 3000,\r\n                        animation_speed = parseInt(slider_opt['animation_speed']) || 300,\r\n                        pause_on_hover = slider_opt['pause_on_hover'],\r\n                        center_mode = slider_opt['center_mode'],\r\n                        center_padding = slider_opt['center_padding'] ? slider_opt['center_padding'] : '50px',\r\n                        display_columns = parseInt(slider_opt['display_columns']) || 1,\r\n                        scroll_columns = parseInt(slider_opt['scroll_columns']) || 1,\r\n                        tablet_width = parseInt(slider_opt['tablet_width']) || 800,\r\n                        tablet_display_columns = parseInt(slider_opt['tablet_display_columns']) || 1,\r\n                        tablet_scroll_columns = parseInt(slider_opt['tablet_scroll_columns']) || 1,\r\n                        mobile_width = parseInt(slider_opt['mobile_width']) || 480,\r\n                        mobile_display_columns = parseInt(slider_opt['mobile_display_columns']) || 1,\r\n                        mobile_scroll_columns = parseInt(slider_opt['mobile_scroll_columns']) || 1;\r\n                }\r\n\r\n                \/\/ Manage Image Size\r\n                var image_sizes = {\r\n                    \"150\": 0,\r\n                    \"240\": 1,\r\n                    \"320\": 2,\r\n                    \"480\": 3,\r\n                    \"640\": 4\r\n                };\r\n\r\n                \/\/image size\r\n                var image_index = typeof image_sizes[img_size] !== \"undefined\" ? image_sizes[img_size] : image_sizes[640];\r\n\r\n                \/\/ Clear localStorage data\r\n                var clearLocalData = 'no';\r\n                if (clearLocalData == 'yes') {\r\n                    window.localStorage.clear();\r\n                }\r\n\r\n                \/\/ Display Instagram item\r\n                function floneInstagramDisplayFeed(data) {\r\n                    var html = \"<ul class='flone-instagram-instagram-list'>\";\r\n                    var imgs = (data.edge_owner_to_timeline_media || data.edge_hashtag_to_media).edges,\r\n                        max = (imgs.length > limit) ? limit : imgs.length;\r\n\r\n                    for (var i = 0; i < max; i++) {\r\n                        var url = \"https:\/\/www.instagram.com\/p\/\" + imgs[i].node.shortcode,\r\n                            image, fullimage, type_resource, caption;\r\n\r\n                        switch (imgs[i].node.__typename) {\r\n                            case \"GraphSidecar\":\r\n                                type_resource = \"sidecar\"\r\n                                image = imgs[i].node.thumbnail_resources[image_index].src;\r\n                                fullimage = imgs[i].node.thumbnail_src;\r\n                                break;\r\n                            case \"GraphVideo\":\r\n                                type_resource = \"video\";\r\n                                image = imgs[i].node.thumbnail_src\r\n                                fullimage = imgs[i].node.thumbnail_src;\r\n                                break;\r\n                            default:\r\n                                type_resource = \"image\";\r\n                                image = imgs[i].node.thumbnail_resources[image_index].src;\r\n                                fullimage = imgs[i].node.thumbnail_src;\r\n                        }\r\n\r\n                        if (\r\n                            typeof imgs[i].node.edge_media_to_caption.edges[0] !== \"undefined\" &&\r\n                            typeof imgs[i].node.edge_media_to_caption.edges[0].node !== \"undefined\" &&\r\n                            typeof imgs[i].node.edge_media_to_caption.edges[0].node.text !== \"undefined\" &&\r\n                            imgs[i].node.edge_media_to_caption.edges[0].node.text !== null\r\n                        ) {\r\n                            caption = imgs[i].node.edge_media_to_caption.edges[0].node.text;\r\n                        } else if (\r\n                            typeof imgs[i].node.accessibility_caption !== \"undefined\" &&\r\n                            imgs[i].node.accessibility_caption !== null\r\n                        ) {\r\n                            caption = imgs[i].node.accessibility_caption;\r\n                        } else {\r\n                            caption = (is_tag ? data.name : data.username) + \" image \" + i;\r\n                        }\r\n\r\n                        html += '<li>';\r\n                        html += \"<a href='\" + url + \"' rel='noopener' target='_blank'>\";\r\n                        html += \"<img\" + (lazy_load == 'yes' ? \" loading='lazy'\" : '') + \" src='\" + image + \"' alt='\" + caption + \"' \/>\";\r\n                        html += \"<\/a>\";\r\n\r\n                        if (comment == 'yes' || like == 'yes' || lightbox == 'yes') {\r\n\r\n                            html += '<div class=\"instagram-clip\"><div class=\"flone-instagram-content\">';\r\n\r\n                            if (comment == 'yes' || like == 'yes') {\r\n                                html += '<div class=\"instagram-like-comment\">';\r\n                                if (like == 'yes') {\r\n                                    html += '<span class=\"like\">' + like_icon + imgs[i].node.edge_liked_by.count + '<\/span>';\r\n                                }\r\n                                if (comment == 'yes') {\r\n                                    html += '<span class=\"comment\">' + comment_icon + imgs[i].node.edge_media_to_comment.count + '<\/span>';\r\n                                }\r\n                                html += '<\/div>';\r\n                            }\r\n\r\n                            if (lightbox == 'yes') {\r\n                                html += '<div class=\"instagram-btn\">';\r\n                                html += '<a class=\"image-popup-vertical-fit\" href=\"' + fullimage + '\">' + zoo_image + '<\/a>';\r\n                                html += '<\/div>';\r\n                            }\r\n\r\n                            html += '<\/div><\/div>';\r\n                        }\r\n\r\n                        html += '<\/li>';\r\n                    }\r\n\r\n                    html += '<\/ul>';\r\n\r\n                    $(\"#flone-instagram-instagram-list-\" + id).html(html);\r\n                }\r\n\r\n                \/\/ Instagram Feed\r\n                if (window.localStorage.getItem(\"floneinstagram_instragram_local_data_status\" + id) === 'true') {\r\n                    var localdata = window.localStorage.getItem(\"floneinstagram_instragram_local_data_\" + id);\r\n                    floneInstagramDisplayFeed(JSON.parse(localdata));\r\n                } else {\r\n                    $.instagramFeed({\r\n                        'username': username,\r\n                        'callback': function(data) {\r\n                            window.localStorage.setItem(\"floneinstagram_instragram_local_data_\" + id, JSON.stringify(data));\r\n                            window.localStorage.setItem(\"floneinstagram_instragram_local_data_status\" + id, 'true');\r\n                            floneInstagramDisplayFeed(data);\r\n                        }\r\n                    });\r\n                }\r\n\r\n                if (slider_on == 'yes') {\r\n                    function floneInstagramSlider(selector = 'flone-instagram-instagram-list') {\r\n                        $(\"#flone-instagram-instagram-list-\" + id + \" .\" + selector).slick({\r\n                            arrows: arrows,\r\n                            prevArrow: '<button class=\"flone-instagram-carosul-prev\">' + arrow_prev_txt + '<\/button>',\r\n                            nextArrow: '<button class=\"flone-instagram-carosul-next\">' + arrow_next_txt + '<\/button>',\r\n                            dots: dots,\r\n                            infinite: true,\r\n                            autoplay: autoplay,\r\n                            autoplaySpeed: autoplay_speed,\r\n                            speed: animation_speed,\r\n                            fade: false,\r\n                            pauseOnHover: pause_on_hover,\r\n                            slidesToShow: display_columns,\r\n                            slidesToScroll: scroll_columns,\r\n                            centerMode: center_mode,\r\n                            centerPadding: center_padding,\r\n                            responsive: [{\r\n                                    breakpoint: tablet_width,\r\n                                    settings: {\r\n                                        slidesToShow: tablet_display_columns,\r\n                                        slidesToScroll: tablet_scroll_columns\r\n                                    }\r\n                                },\r\n                                {\r\n                                    breakpoint: mobile_width,\r\n                                    settings: {\r\n                                        slidesToShow: mobile_display_columns,\r\n                                        slidesToScroll: mobile_scroll_columns\r\n                                    }\r\n                                }\r\n                            ]\r\n                        });\r\n                    }\r\n\r\n                    if (window.localStorage.getItem(\"floneinstagram_instragram_local_data_status\" + id) === 'true') {\r\n                        floneInstagramSlider();\r\n                    } else {\r\n                        $(\"#flone-instagram-instagram-list-\" + id).on(\"DOMNodeInserted\", function(e) {\r\n                            if (e.target.className == 'flone-instagram-instagram-list') {\r\n                                floneInstagramSlider();\r\n                            }\r\n                        });\r\n                    }\r\n\r\n                }\r\n\r\n            });\r\n        <\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-80b317a pb-90 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"80b317a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6248d9a\" data-id=\"6248d9a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-caeca85 elementor-widget elementor-widget-flone_newsletter\" data-id=\"caeca85\" data-element_type=\"widget\" data-widget_type=\"flone_newsletter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"flone_newsletter subscribe-style-3 text-center\">\r\n\t\t\t\t<h2>Join With Us! <\/h2>\r\n\t\t\t\t<p>Subscribe to our newsletter to receive news on update<\/p>\r\n\t\t\t\t<div id=\"mc_embed_signup\" class=\"subscribe-form-3 flone_subscribe_form\">\r\n\t\t\t\t\t<script>(function() {\n\twindow.mc4wp = window.mc4wp || {\n\t\tlisteners: [],\n\t\tforms: {\n\t\t\ton: function(evt, cb) {\n\t\t\t\twindow.mc4wp.listeners.push(\n\t\t\t\t\t{\n\t\t\t\t\t\tevent   : evt,\n\t\t\t\t\t\tcallback: cb\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n})();\n<\/script><!-- Mailchimp for WordPress v4.12.1 - https:\/\/wordpress.org\/plugins\/mailchimp-for-wp\/ --><form id=\"mc4wp-form-1\" class=\"mc4wp-form mc4wp-form-113\" method=\"post\" data-id=\"113\" data-name=\"Flone Mailchimp\" ><div class=\"mc4wp-form-fields\"><p class=\"subscribe-style\">\r\n\tGet E-mail updates about our latest shop and special offers.\r\n<\/p>\r\n<div class=\"subscribe-form\">\r\n  <input type=\"email\" name=\"EMAIL\" placeholder=\"Your email address\" required \/>\r\n  <div class=\"clear-2\">\r\n    <input class=\"button\" type=\"submit\" value=\"Subscribe\" \/>\r\n  <\/div>\r\n<\/div><\/div><label style=\"display: none !important;\">Leave this field empty if you're human: <input type=\"text\" name=\"_mc4wp_honeypot\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" \/><\/label><input type=\"hidden\" name=\"_mc4wp_timestamp\" value=\"1775810977\" \/><input type=\"hidden\" name=\"_mc4wp_form_id\" value=\"113\" \/><input type=\"hidden\" name=\"_mc4wp_form_element_id\" value=\"mc4wp-form-1\" \/><div class=\"mc4wp-response\"><\/div><\/form><!-- \/ Mailchimp for WordPress Plugin -->\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Instagram Shop Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor. Join With Us! Subscribe to our newsletter to receive news on update Get E-mail updates about our latest shop and special offers. Leave this field empty if you&#8217;re human:<\/p>\n<div class=\"blog-share-comment\"><a class=\"readmore\" href=\"https:\/\/thethemedemo.com\/flone-extra\/instagram-store\/ \">Read More<\/a><\/p>\n<div class=\"blog-share\"><span>Share :<\/span><\/p>\n<div class=\"share-social\">\n<ul>\n<li><a class=\"facebook\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/thethemedemo.com\/flone-extra\/instagram-store\/\"><i class=\"fab fa-facebook\"><\/i><\/a><\/li>\n<li><a class=\"twitter\" target=\"_blank\" href=\"http:\/\/twitter.com\/intent\/tweet?text=Instagram%20store&#038;url=https:\/\/thethemedemo.com\/flone-extra\/instagram-store\/\"><i class=\"fab fa-twitter\"><\/i><\/a><\/li>\n<li><a class=\"pinterest\" target=\"_blank\" href=\"http:\/\/pinterest.com\/pin\/create\/bookmarklet\/?media=&#038;url=https:\/\/thethemedemo.com\/flone-extra\/instagram-store\/&#038;is_video=false&#038;description=Instagram%20store\"><i class=\"fab fa-pinterest\"><\/i><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/thethemedemo.com\/flone-extra\/wp-json\/wp\/v2\/pages\/323"}],"collection":[{"href":"https:\/\/thethemedemo.com\/flone-extra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemedemo.com\/flone-extra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/flone-extra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemedemo.com\/flone-extra\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":0,"href":"https:\/\/thethemedemo.com\/flone-extra\/wp-json\/wp\/v2\/pages\/323\/revisions"}],"wp:attachment":[{"href":"https:\/\/thethemedemo.com\/flone-extra\/wp-json\/wp\/v2\/media?parent=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}