Advertisement
Guest User

Untitled

a guest
Mar 26th, 2020
515
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.69 KB | None | 0 0
  1. <!DOCTYPE html><html lang="en"><head><title>VITALS &middot; Social Media Buttons</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="referrer" content="no-referrer"/><link rel="apple-touch-icon" sizes="57x57" href="/asset/apps/vitals/img/favicon/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/asset/apps/vitals/img/favicon/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/asset/apps/vitals/img/favicon/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/asset/apps/vitals/img/favicon/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/asset/apps/vitals/img/favicon/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/asset/apps/vitals/img/favicon/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/asset/apps/vitals/img/favicon/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/asset/apps/vitals/img/favicon/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/asset/apps/vitals/img/favicon/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="/asset/apps/vitals/img/favicon/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/asset/apps/vitals/img/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/asset/apps/vitals/img/favicon/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/asset/apps/vitals/img/favicon/favicon-16x16.png"><link rel="manifest" href="/asset/apps/vitals/img/favicon/manifest.json"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/asset/apps/vitals/img/favicon/ms-icon-144x144.png"><meta name="theme-color" content="#ffffff"><link href="/asset/landing/css/fontawesome-all.min.css" rel="stylesheet"
  2. type="text/css" media="all"/><link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css"
  3. rel="stylesheet" type="text/css"/><link href="/asset/apps/global/css/jquery.colorpicker.css" rel="stylesheet" type="text/css"/><link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css"
  4. rel="stylesheet"/><link rel="stylesheet" href="/asset/internal/css/bootstrap-polaris.min.css"/><link rel="stylesheet" href="/asset/apps/vitals/css/app.css?r=1584723661"/><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /><link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css"></head><body style="position: relative;"><div class="wrapper"><div class="d-flex"><nav class="sidebar"><div class="sidebar-content"><a class="sidebar-brand" href="/bundle"><img alt="VITALS" src="/asset/apps/vitals/img/logo/logo_vitals.svg" style="height: 40px;"/></a><ul class="sidebar-nav"><li class="sidebar-item active"><a class="sidebar-link" href="/bundle"><i class="fad fa-home-alt fa-fw sidebar-icon"></i><span>Dashboard</span></a></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link collapsed"
  5. href="#section-1" aria-expanded="false"><i class="fad fa-rocket fa-fw sidebar-icon"></i><span>Boost Revenue</span></a><ul class="sidebar-dropdown list-unstyled collapse"
  6. id="section-1"><li class="sidebar-item"><a href="/bundle/settings/product_bundles" class="sidebar-link sidebar-module">Product Bundles</a></li><li class="sidebar-item"><a href="/bundle/settings/volume_discounts" class="sidebar-link sidebar-module">Volume Discounts</a></li><li class="sidebar-item"><a href="/bundle/settings/pre_orders" class="sidebar-link sidebar-module">Pre-Orders</a></li></ul></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link collapsed"
  7. href="#section-2" aria-expanded="false"><i class="fad fa-bullseye-pointer fa-fw sidebar-icon"></i><span>Convert More</span></a><ul class="sidebar-dropdown list-unstyled collapse"
  8. id="section-2"><li class="sidebar-item"><a href="/bundle/settings/stock_urgency" class="sidebar-link sidebar-module">Stock Urgency</a></li><li class="sidebar-item"><a href="/bundle/settings/sticky_add_to_cart" class="sidebar-link sidebar-module">Sticky Add to Cart</a></li><li class="sidebar-item"><a href="/bundle/settings/shipping_info" class="sidebar-link sidebar-module">Shipping Information</a></li><li class="sidebar-item"><a href="/bundle/settings/recently_viewed" class="sidebar-link sidebar-module">Recently Viewed</a></li><li class="sidebar-item"><a href="/bundle/settings/related_products" class="sidebar-link sidebar-module">Related Products</a></li><li class="sidebar-item"><a href="/bundle/settings/countdown" class="sidebar-link sidebar-module">Countdown Timer</a></li><li class="sidebar-item"><a href="/bundle/settings/animated_add_to_cart" class="sidebar-link sidebar-module">Animated Add to Cart</a></li><li class="sidebar-item"><a href="/bundle/settings/facebook_pixels" class="sidebar-link sidebar-module">Facebook Multiple Pixels</a></li></ul></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link collapsed"
  9. href="#section-3" aria-expanded="false"><i class="fad fa-file-alt fa-fw sidebar-icon"></i><span>Capture Leads</span></a><ul class="sidebar-dropdown list-unstyled collapse"
  10. id="section-3"><li class="sidebar-item"><a href="/bundle/settings/wheel_of_fortune" class="sidebar-link sidebar-module">Wheel Of Fortune</a></li><li class="sidebar-item"><a href="/bundle/settings/smart_bar" class="sidebar-link sidebar-module">Smart Bar</a></li></ul></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link"
  11. href="#section-4" aria-expanded="true"><i class="fad fa-laptop fa-fw sidebar-icon"></i><span>Improve Experience</span></a><ul class="sidebar-dropdown list-unstyled collapse show"
  12. id="section-4"><li class="sidebar-item"><a href="/bundle/settings/currency_converter" class="sidebar-link sidebar-module">Currency Converter</a></li><li class="sidebar-item"><a href="/bundle/settings/tabs" class="sidebar-link sidebar-module">Description Tabs</a></li><li class="sidebar-item"><a href="/bundle/settings/messenger" class="sidebar-link sidebar-module">Facebook Messenger Chat</a></li><li class="sidebar-item"><a href="/bundle/settings/quick_access_links" class="sidebar-link sidebar-module">Quick Access Links</a></li><li class="sidebar-item"><a href="/bundle/settings/seo_alt_tags" class="sidebar-link sidebar-module">SEO ALT Tags</a></li><li class="sidebar-item"><a href="/bundle/settings/autocomplete" class="sidebar-link sidebar-module">Instant Search</a></li><li class="sidebar-item active"><a href="/bundle/settings/social_buttons" class="sidebar-link sidebar-module">Social Media Buttons</a></li><li class="sidebar-item"><a href="/bundle/settings/multi_chat" class="sidebar-link sidebar-module">All-in-one Chat</a></li></ul></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link collapsed"
  13. href="#section-5" aria-expanded="false"><i class="fad fa-badge-check fa-fw sidebar-icon"></i><span>Build Trust</span></a><ul class="sidebar-dropdown list-unstyled collapse"
  14. id="section-5"><li class="sidebar-item"><a href="/bundle/settings/product_reviews" class="sidebar-link sidebar-module">Product Reviews</a></li><li class="sidebar-item"><a href="/bundle/settings/trust" class="sidebar-link sidebar-module">Trust Seals and Badges</a></li><li class="sidebar-item"><a href="/bundle/settings/payment_logos" class="sidebar-link sidebar-module">Payment Logos</a></li><li class="sidebar-item"><a href="/bundle/settings/recent_sales" class="sidebar-link sidebar-module">Recent Sales</a></li><li class="sidebar-item"><a href="/bundle/settings/insta_feed" class="sidebar-link sidebar-module">Instagram Feed</a></li></ul></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link collapsed"
  15. href="#section-6" aria-expanded="false"><i class="fad fa-shopping-cart fa-fw sidebar-icon"></i><span>Reduce Abandonment</span></a><ul class="sidebar-dropdown list-unstyled collapse"
  16. id="section-6"><li class="sidebar-item"><a href="/bundle/settings/cart_reserved" class="sidebar-link sidebar-module">Cart Reserved</a></li><li class="sidebar-item"><a href="/bundle/settings/cart_favicon" class="sidebar-link sidebar-module">Change Cart Favicon </a></li><li class="sidebar-item"><a href="/bundle/settings/inactive_page_title" class="sidebar-link sidebar-module">Page Title on Inactive Tab </a></li><li class="sidebar-item"><a href="/bundle/settings/remove_paypal" class="sidebar-link sidebar-module">Hide Dynamic Checkout Buttons</a></li></ul></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link collapsed"
  17. href="#section-7" aria-expanded="false"><i class="fad fa-shield-alt fa-fw sidebar-icon"></i><span>Protect Your Store</span></a><ul class="sidebar-dropdown list-unstyled collapse"
  18. id="section-7"><li class="sidebar-item"><a href="/bundle/settings/cookies_bar" class="sidebar-link sidebar-module">Cookies Bar</a></li><li class="sidebar-item"><a href="/bundle/settings/content_protection" class="sidebar-link sidebar-module">Copy Protection</a></li><li class="sidebar-item"><a href="/bundle/settings/remove_best_selling" class="sidebar-link sidebar-module">Hide Best Selling</a></li></ul></li><li class="sidebar-item"><a data-toggle="collapse" class="sidebar-link collapsed"
  19. href="#section-8" aria-expanded="false"><i class="fad fa-tools fa-fw sidebar-icon"></i><span>Fine-tune Details</span></a><ul class="sidebar-dropdown list-unstyled collapse"
  20. id="section-8"><li class="sidebar-item"><a href="/bundle/settings/geolocation_redirect" class="sidebar-link sidebar-module">Geo-Location Redirect</a></li><li class="sidebar-item"><a href="/bundle/settings/back_to_top" class="sidebar-link sidebar-module">Back to Top button</a></li><li class="sidebar-item"><a href="/bundle/settings/open_external" class="sidebar-link sidebar-module">External Links in New Tabs</a></li><li class="sidebar-item"><a href="/bundle/settings/agree_to_terms" class="sidebar-link sidebar-module">Agree to Terms and Conditions</a></li><li class="sidebar-item"><a href="/bundle/settings/one_click_checkout" class="sidebar-link sidebar-module">Skip Cart</a></li></ul></li><li class="sidebar-item">&nbsp;</li><li class="sidebar-item"><a href="/bundle/editor" target="_blank"
  21. class="sidebar-link editor-link"><i class="fad fa-pen fa-fw sidebar-icon"></i><span>Editor</span></a></li><li class="sidebar-item"><a href="/bundle/integrations"
  22. class="sidebar-link "><i class="fad fa-code-merge fa-fw sidebar-icon"></i><span>Integrations</span></a></li><li class="sidebar-item"><a href="/bundle/upvote" class="sidebar-link"><i class="fad fa-lightbulb fa-fw sidebar-icon"></i><span>Suggest Features</span></a></li><li class="sidebar-item"><a href="/bundle/advanced_setup/"
  23. class="sidebar-link"><i class="fad fa-code fa-fw sidebar-icon"></i><span>Advanced Setup</span></a></li><li class="sidebar-item"><a href="/help"
  24. target="_blank" class="sidebar-link"><i class="fad fa-question-square fa-fw sidebar-icon"></i><span>Help</span></a></li><li class="sidebar-item"><a href="/bundle/contact" class="sidebar-link"><i class="fad fa-envelope fa-fw sidebar-icon"></i><span>Contact us</span></a></li><li class="sidebar-item active"><a class="sidebar-link" href="/bundle/settings/core"><i class="fad fa-cog fa-fw sidebar-icon"></i><span>Global App Settings</span></a></li></ul><div class="sidebar-bottom d-none d-lg-block" ><div class="media"><div class="media-body text-center"><h6><a href="https://apps.shopify.com/vitals/reviews" target="_blank" class="font-weight-bold"
  25. style="color: #090246">
  26. Loving VITALS?<br /><div class="d-flex justify-content-center"><small>Send us some</small><i class=" vitals-icon-right fad fa-heart-circle"></i></div></a></h6></div></div></div></div></nav><div class="main" style="width: 100%;"><nav class="vitals-navbar navbar navbar-expand"><a class="sidebar-toggle d-flex"><button class="hamburger hamburger--spin d-block d-md-none"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button></a><style type="text/css">
  27. b[role="presentation"] {
  28. display: none;
  29. }
  30. </style><select class="form-control bundle_search" aria-label="search" name="bundle_search" style="width: 200px; display: none;"><option value=""></option><option value="product_bundles">Product Bundles</option><option value="volume_discounts">Volume Discounts</option><option value="stock_urgency">Stock Urgency</option><option value="sticky_add_to_cart">Sticky Add to Cart</option><option value="shipping_info">Shipping Information</option><option value="recently_viewed">Recently Viewed</option><option value="related_products">Related Products</option><option value="countdown">Countdown Timer</option><option value="animated_add_to_cart">Animated Add to Cart</option><option value="facebook_pixels">Facebook Multiple Pixels</option><option value="wheel_of_fortune">Wheel Of Fortune</option><option value="smart_bar">Smart Bar</option><option value="currency_converter">Currency Converter</option><option value="tabs">Description Tabs</option><option value="messenger">Facebook Messenger Chat</option><option value="quick_access_links">Quick Access Links</option><option value="seo_alt_tags">SEO ALT Tags</option><option value="autocomplete">Instant Search</option><option value="social_buttons">Social Media Buttons</option><option value="product_reviews">Product Reviews</option><option value="trust">Trust Seals and Badges</option><option value="payment_logos">Payment Logos</option><option value="cart_reserved">Cart Reserved</option><option value="cart_favicon">Change Cart Favicon </option><option value="inactive_page_title">Page Title on Inactive Tab </option><option value="remove_paypal">Hide Dynamic Checkout Buttons</option><option value="cookies_bar">Cookies Bar</option><option value="content_protection">Copy Protection</option><option value="remove_best_selling">Hide Best Selling</option><option value="geolocation_redirect">Geo-Location Redirect</option><option value="back_to_top">Back to Top button</option><option value="open_external">External Links in New Tabs</option><option value="agree_to_terms">Agree to Terms and Conditions</option><option value="one_click_checkout">Skip Cart</option><option value="pre_orders">Pre-Orders</option><option value="recent_sales">Recent Sales</option><option value="insta_feed">Instagram Feed</option><option value="multi_chat">All-in-one Chat</option></select><div class="collapse navbar-collapse justify-content-end"><ul class="navbar-nav"><li class="nav-item"><a class="nav-link position-relative" href="/bundle/changelog" data-toggle="tooltip" title="Product Updates"><i class="fad fa-fire-alt fa-fw fa-lg single-line" style="--fa-primary-color: #d20707; --fa-secondary-color: #ef8a0d;"></i></a></li><li class="nav-item"><a class="nav-link position-relative" href="/help" target="_blank" data-toggle="tooltip" title="Help"><i class="fad fa-question-circle fa-fw fa-lg single-line" style="--fa-primary-color: #102e4e; --fa-secondary-color: #c7dee2;"></i></a></li><li class="nav-item d-none d-md-block dropdown"><a class="nav-link dropdown-toggle" id="shop-nav-details" href="/bundle/logout"
  31. data-toggle="dropdown" aria-expanded="false">
  32. istraploops.com
  33. </a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="shop-nav-details"><a target="_blank" class="dropdown-item editor-link" href="/bundle/editor"><i
  34. class="fal fa-fw fa-external-link-square-alt"></i> Editor</a><a class="dropdown-item" href="https://istraploops.com" target="_blank"><i
  35. class="fal fa-fw fa-external-link-square-alt"></i> Go to store</a><a class="dropdown-item" href="https://istrap-colors.myshopify.com/admin" target="_blank"><i
  36. class="fal fa-fw fa-shopping-bag"></i> Shopify Admin</a><a class="dropdown-item" href="/bundle/logout"><i
  37. class="fal fa-fw fa-sign-out-alt"></i>
  38. Sign out</a></div></li></ul></div></nav><main class="content"><div class="container-fluid"><form name="form" method="post" id="settings_form"><div class="container"><div class="jumbotron"><div class="app-title-container"><h4 class="display-2">
  39. Social Media Buttons
  40. </h4><div><span class="enable-app-toggler"><i class="fal fa-toggle-on text-success fa-lg"></i><input type="hidden" id="st-social_buttons-enabled"
  41. name="st-social_buttons-enabled" value="1"></span></div></div><p class="app-title lead">Promote your social media channels to increase your following.</p></div></div><div id="social_buttons"><section class="container"><div class="row no-gutters"><div class="col-lg-4 col-md-12 col-12 card-annotation"><h6>Preview</h6></div><div class="col-lg-8 col-md-12 col-12 card"><div class="card"><div class="card-body"><div id="bundle-preview-zone"></div></div></div></div></div></section><section class="container" id="section-display"><div class="row no-gutters"><div class="col-lg-4 col-md-12 col-12 card-annotation"><h3>Display</h3><p></p></div><div class="col-lg-8 col-md-12 col-12 card"><div class="card-body"><label>Align</label><select class="form-control " name="st-social_buttons-align"><option value="left" selected="selected">Left</option><option value="right" >Right</option></select></div><div class="card-body"><label>Distance from top (pixels)</label><input class="form-control" type="number" value="300" name="st-social_buttons-distance_top" /></div><div class="card-body"><label for="st-social_buttons-hide_mobile" class="polaris-check"><input type="hidden" name="st-social_buttons-hide_mobile" value="1" /><input type="checkbox" id="st-social_buttons-hide_mobile" checked="checked" /><span>Hide on Mobile?</span></label></div></div></div></section><section class="container" id="section-social-media"><div class="row no-gutters"><div class="col-lg-4 col-md-12 col-12 card-annotation"><h3>Social Media</h3><p>Only social networks with a valid link will be displayed on your store.</p></div><div class="col-lg-8 col-md-12 col-12 card"><div class="card-body"><div class="form-group row"><div class="col-md-12 col-lg-6"><div style="width:37px; vertical-align: top;" class="d-inline-block"><svg style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css"> .st0fb {fill:#3B579D;} .st1fb {fill:#FFFFFF;} </style><title/><rect class="st0fb" height="1000" width="1000"/><path class="st1fb" d="M690,1000V612.8h130l19.5-150.9H690v-96.4c0-43.7,12.1-73.5,74.8-73.5h79.9V157 c-13.8-1.8-61.3-5.9-116.5-5.9C613,151,534.1,221.4,534.1,350.5v111.3H403.8v150.9h130.3V1000H690z" /></svg></div><input type="text" class="d-inline-block form-control" aria-label="Social Media"
  42. style="width: 80%;" name="Facebook"
  43. value=""/></div><div class="col-md-12 col-lg-6"><div style="width:37px; vertical-align: top;" class="d-inline-block"><svg style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css"> .st0-insta {fill:url(#SVGID_1_);} .st1-insta {fill:#FFFFFF;} </style><linearGradient gradientUnits="userSpaceOnUse" id="SVGID_1_" x1="-9.094947e-13" x2="1000" y1="1000" y2="-1.477929e-12"><stop offset="0" style="stop-color:#FFD521"/><stop offset="5.510481e-02" style="stop-color:#FFD020"/><stop offset="0.1241" style="stop-color:#FEC01E"/><stop offset="0.2004" style="stop-color:#FCA71B"/><stop offset="0.2821" style="stop-color:#FA8316"/><stop offset="0.3681" style="stop-color:#F85510"/><stop offset="0.4563" style="stop-color:#F51E09"/><stop offset="0.5" style="stop-color:#F30005"/><stop offset="0.5035" style="stop-color:#F20007"/><stop offset="0.5966" style="stop-color:#E1003B"/><stop offset="0.6879" style="stop-color:#D30067"/><stop offset="0.7757" style="stop-color:#C70088"/><stop offset="0.8589" style="stop-color:#BF00A0"/><stop offset="0.9357" style="stop-color:#BB00AF"/><stop offset="1" style="stop-color:#B900B4"/></linearGradient><rect class="st0-insta" height="1000" width="1000"/><g><path class="st1-insta" d="M500,220.2c91.1,0,101.9,0.3,137.9,2c33.3,1.5,51.4,7.1,63.4,11.8c15.9,6.2,27.3,13.6,39.2,25.5 c11.9,11.9,19.3,23.3,25.5,39.2c4.7,12,10.2,30.1,11.8,63.4c1.6,36,2,46.8,2,137.9s-0.3,101.9-2,137.9 c-1.5,33.3-7.1,51.4-11.8,63.4c-6.2,15.9-13.6,27.3-25.5,39.2c-11.9,11.9-23.3,19.3-39.2,25.5c-12,4.7-30.1,10.2-63.4,11.8 c-36,1.6-46.8,2-137.9,2s-101.9-0.3-137.9-2c-33.3-1.5-51.4-7.1-63.4-11.8c-15.9-6.2-27.3-13.6-39.2-25.5 c-11.9-11.9-19.3-23.3-25.5-39.2c-4.7-12-10.2-30.1-11.8-63.4c-1.6-36-2-46.8-2-137.9s0.3-101.9,2-137.9 c1.5-33.3,7.1-51.4,11.8-63.4c6.2-15.9,13.6-27.3,25.5-39.2c11.9-11.9,23.3-19.3,39.2-25.5c12-4.7,30.1-10.2,63.4-11.8 C398.1,220.5,408.9,220.2,500,220.2 M500,158.7c-92.7,0-104.3,0.4-140.7,2.1c-36.3,1.7-61.1,7.4-82.9,15.9 C254,185.3,234.9,197,216,216c-19,19-30.6,38-39.4,60.5c-8.4,21.7-14.2,46.5-15.9,82.9c-1.7,36.4-2.1,48-2.1,140.7 c0,92.7,0.4,104.3,2.1,140.7c1.7,36.3,7.4,61.1,15.9,82.9C185.3,746,197,765.1,216,784c19,19,38,30.6,60.5,39.4 c21.7,8.4,46.5,14.2,82.9,15.9c36.4,1.7,48,2.1,140.7,2.1s104.3-0.4,140.7-2.1c36.3-1.7,61.1-7.4,82.9-15.9 C746,814.7,765.1,803,784,784c19-19,30.6-38,39.4-60.5c8.4-21.7,14.2-46.5,15.9-82.9c1.7-36.4,2.1-48,2.1-140.7 s-0.4-104.3-2.1-140.7c-1.7-36.3-7.4-61.1-15.9-82.9C814.7,254,803,234.9,784,216c-19-19-38-30.6-60.5-39.4 c-21.7-8.4-46.5-14.2-82.9-15.9C604.3,159.1,592.7,158.7,500,158.7L500,158.7z"/><path class="st1-insta" d="M500,324.7c-96.8,0-175.3,78.5-175.3,175.3S403.2,675.3,500,675.3S675.3,596.8,675.3,500 S596.8,324.7,500,324.7z M500,613.8c-62.8,0-113.8-50.9-113.8-113.8S437.2,386.2,500,386.2c62.8,0,113.8,50.9,113.8,113.8 S562.8,613.8,500,613.8z"/><circle class="st1-insta" cx="682.2" cy="317.8" r="41"/></g></svg></div><input type="text" class="d-inline-block form-control" aria-label="Social Media"
  44. style="width: 80%;" name="Instagram"
  45. value=""/></div><div class="col-md-12 col-lg-6"><div style="width:37px; vertical-align: top;" class="d-inline-block"><svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1t{fill:#39475d;}.cls-2t{fill:#fff;}</style></defs><title/><rect class="cls-1t" height="1000" width="1000"/><path class="cls-2t" d="M672.4,758.11c-19.93,21.28-66.12,35.73-107.49,36.42h-4.54c-139,0-169.15-102.17-169.15-161.81V467H336.48A11.48,11.48,0,0,1,325,455.56h0V377.32A19.5,19.5,0,0,1,338,359c71.34-25.13,93.71-87.39,97-134.71.9-12.65,7.51-18.78,18.49-18.78h81.6A11.48,11.48,0,0,1,546.58,217V349.46h95.51a11.49,11.49,0,0,1,11.49,11.45v94a11.47,11.47,0,0,1-11.49,11.47h-96V619.63c0,38.47,25.35,49.09,41,49.09,15-.36,29.81-4.94,37.23-7.92,5.5-2.2,10.34-3.67,14.66-2.58,4,1,6.68,3.86,8.46,9.06l25.32,74C674.88,747.16,676.65,753.57,672.4,758.11Z"/></svg></div><input type="text" class="d-inline-block form-control" aria-label="Social Media"
  46. style="width: 80%;" name="Tumblr"
  47. value=""/></div><div class="col-md-12 col-lg-6"><div style="width:37px; vertical-align: top;" class="d-inline-block"><svg style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css"> .st0tw {fill:#1DA1F2;} .st1tw {fill:#FFFFFF;} .st2tw {fill:none;} </style><title/><g id="Dark_Blue"><rect class="st0tw" height="1000" width="1000"/></g><g id="Logo_FIXED"><path class="st1tw" d="M384,754c235.9,0,364.9-195.4,364.9-364.9c0-5.5,0-11.1-0.4-16.6c25.1-18.2,46.8-40.6,64-66.4 c-23.4,10.4-48.2,17.2-73.7,20.2c26.8-16,46.8-41.2,56.4-70.9c-25.2,14.9-52.7,25.5-81.4,31.1c-48.5-51.7-129.8-54.2-181.4-5.6 c-33.3,31.3-47.5,78.1-37.1,122.6c-103.1-5.2-199.2-53.9-264.3-134c-34,58.6-16.7,133.5,39.7,171.2c-20.4-0.6-40.4-6.1-58.2-16v1.6 c0,61.1,43,113.6,102.9,125.7c-18.9,5.2-38.7,5.9-57.9,2.2c16.8,52.2,64.9,88,119.8,89.1c-53.7,42.2-122,61.3-189.8,53.1 C246.1,734,314.4,754,384,753.9"/><rect class="st2tw" height="1000" width="1000"/></g></svg></div><input type="text" class="d-inline-block form-control" aria-label="Social Media"
  48. style="width: 80%;" name="Twitter"
  49. value=""/></div><div class="col-md-12 col-lg-6"><div style="width:37px; vertical-align: top;" class="d-inline-block"><svg id="Layer_1" style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css"> .st0yt {fill:#FF0000;} .st1yt {fill:#FFFFFF;}</style><title/><rect class="st0yt" height="1000" width="1000"/><path class="st1yt" d="M818.2,339.1c-7.6-28.8-30-51.3-58.7-59.1C707.7,266,500,266,500,266s-207.7,0-259.4,14 c-28.7,7.8-51.1,30.3-58.7,59.1C168,391.2,168,500,168,500s0,108.8,13.9,160.9c7.6,28.8,30,51.3,58.7,59.1 c51.8,14,259.4,14,259.4,14s207.7,0,259.5-14c28.7-7.8,51.1-30.3,58.7-59.1C832,608.8,832,500,832,500S832,391.2,818.2,339.1z M432.1,598.7V401.3L605.7,500L432.1,598.7z"/></svg></div><input type="text" class="d-inline-block form-control" aria-label="Social Media"
  50. style="width: 80%;" name="YouTube"
  51. value=""/></div><div class="col-md-12 col-lg-6"><div style="width:37px; vertical-align: top;" class="d-inline-block"><svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1pi{fill:#bd081c;}.cls-2pi{fill:#fff;}</style></defs><title/><rect class="cls-1pi" height="1000" width="1000"/><path class="cls-2pi" d="M500.49,150.49c-193.3,0-350,156.7-350,350,0,148.28,92.26,275,222.45,326-3.06-27.69-5.82-70.28,1.22-100.51,6.36-27.31,41-174,41-174s-10.47-21-10.47-52c0-48.67,28.21-85,63.33-85,29.86,0,44.28,22.42,44.28,49.31,0,30-19.12,74.92-29,116.53-8.25,34.84,17.47,63.25,51.83,63.25,62.2,0,110-65.6,110-160.28,0-83.8-60.22-142.39-146.2-142.39-99.58,0-158,74.69-158,151.89,0,30.08,11.59,62.34,26,79.87,2.86,3.47,3.28,6.51,2.43,10-2.66,11.06-8.56,34.83-9.72,39.69-1.53,6.41-5.08,7.77-11.71,4.69-43.71-20.35-71-84.26-71-135.6,0-110.4,80.22-211.8,231.26-211.8C629.65,280.27,724,366.79,724,482.42,724,603,648,700.12,542.39,700.12c-35.47,0-68.81-18.43-80.22-40.19,0,0-17.55,66.82-21.81,83.2-7.9,30.4-29.23,68.51-43.5,91.75a349.82,349.82,0,0,0,103.63,15.61c193.3,0,350-156.7,350-350S693.79,150.49,500.49,150.49Z"/></svg></div><input type="text" class="d-inline-block form-control" aria-label="Social Media"
  52. style="width: 80%;" name="Pinterest"
  53. value=""/></div><div class="col-md-12 col-lg-6"><div style="width:37px; vertical-align: top;" class="d-inline-block"><svg enable-background="new 0 0 1024 1024" height="40px" viewBox="0 0 1024 1024" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Background"><rect fill="#FFFC00" height="1024" id="bg" width="1024"/></g><path d="M804,658.983c-7-19-45.5-5-87.5-53s-42-69.5-41.5-73.5s-4.5-10,26.5-21s39-18.5,42.5-24 s7-20-12-29s-58.5,23.5-59.5,3s0.267-115.5-14.117-142.5c-14.383-27-55.882-86-146.383-86s-132,59-146.383,86 c-14.384,27-13.117,122-14.117,142.5s-40.5-12-59.5-3s-15.5,23.5-12,29s11.5,13,42.5,24s26,17,26.5,21s0.5,25.5-41.5,73.5 s-80.5,34-87.5,53s36,33.5,47.334,36.167c11.333,2.667,37.166,0.333,34.916,25.333s14.75,20.5,14.75,20.5 c66.5-20,95.5,5.5,131.5,29.5s63.5,20.333,63.5,20.333s27.5,3.667,63.5-20.333s65-49.5,131.5-29.5c0,0,17,4.5,14.75-20.5 s23.583-22.667,34.916-25.333C768,692.483,811,677.983,804,658.983z" fill="#FFFFFF" id="Snapchat"/></svg></div><input type="text" class="d-inline-block form-control" aria-label="Social Media"
  54. style="width: 80%;" name="Snapchat"
  55. value=""/></div></div></div></div></div></section></div><div id="save_settings_bar" class="bg-dark hide"><div class="save-settings-container"><div class="text-white save-settings-text">Your settings have been modified. Save?</div><div class="d-flex flex-row"><a href="#" class="btn btn-link text-white" onclick="hideSaveBar();">Discard</a><button type="submit" name="save_settings" value="submitted"
  56. class="btn btn-primary btn-sm">Save</button></div></div></div><input type="hidden" id="form__token" name="form[_token]" value="TXL3pZxeP5pGcyNZ3MVArSEvO-VkSFb48M8dLc8NI08" /></form><div class="footer-help"><div class="footer-help__content"><div class="footer-help__icon"><span class="polaris-icon polaris-icon__has-backdrop"><svg class="polaris-icon__svg" viewBox="0 0 20 20"><circle cx="10" cy="10" r="9" fill="currentColor"></circle><path d="M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0m0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8m0-4a1 1 0 1 0 0 2 1 1 0 1 0 0-2m0-10C8.346 4 7 5.346 7 7a1 1 0 1 0 2 0 1.001 1.001 0 1 1 1.591.808C9.58 8.548 9 9.616 9 10.737V11a1 1 0 1 0 2 0v-.263c0-.653.484-1.105.773-1.317A3.013 3.013 0 0 0 13 7c0-1.654-1.346-3-3-3"></path></svg></span></div><p class="text-center">To make sure you are seeing the latest updates of the app on your store, you might need to force refresh to
  57. clear out your browser cache. <br />
  58. If you need any help, <a class="Polaris-Link" href="/bundle/contact" data-polaris-unstyled="true">please contact us</a>.</p></div></div></div></main></div></div></div><div id="app_alert" style="display: none;"><span><span class="app_alert_content"></span><button id="app_alert_close"><span><svg xmlns="http://www.w3.org/2000/svg" class="p_sb" viewBox="0 0 20 20" focusable="false"><path
  59. d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z"
  60. fill-rule="evenodd"></path></svg></span></button></span></div><div class="modal" tabindex="-1" role="dialog" id="product-selector-modal"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Select A Product</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-header"><label><input type="text" id="product-selector-search-autocomplete" name="keyword" value=""
  61. class="form-control" placeholder="Search..." style="max-width:300px;"/></label></div><div class="modal-body" id="products-modal-body"><p style="padding:1rem;">Loading products...</p></div><div class="modal-footer"><div class="selected-products-container"></div><div class="footer-button-holder"><div><nav><ul class="pagination"><li class="page-item"><a class="btn ps-nav-button" data-direction="before" id="ps-previous-page" href="#"><span class="polaris-icon"><svg class="polaris-icon__svg" viewBox="0 0 20 20"><path d="M17 9H5.414l3.293-3.293a.999.999 0 1 0-1.414-1.414l-5 5a.999.999 0 0 0 0 1.414l5 5a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L5.414 11H17a1 1 0 1 0 0-2"
  62. fill-rule="evenodd"></path></svg></span><span class="sr-only">Previous</span></a></li><li class="page-item"><a class="btn ps-nav-button" data-direction="after" id="ps-next-page" href="#"><span class="polaris-icon"><svg class="polaris-icon__svg" viewBox="0 0 20 20"><path d="M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414"
  63. fill-rule="evenodd"></path></svg></span><span class="sr-only">Next</span></a></li></ul></nav></div><button type="button" class="product-multiple-selection-button btn btn-secondary hide">Close
  64. </button><button type="button" class="product-single-selection-button btn btn-secondary"
  65. data-dismiss="modal">Close
  66. </button></div></div></div></div></div><script>
  67. var current_color = 'eb2c00';
  68. var THIS_URL = '/bundle';
  69. var STATIC_DOMAIN = '/bundle';
  70. var shopDomain = 'istraploops.com';
  71. var currentLocale = 'en';
  72. var primaryLocale = 'en';
  73. var apiProductGraphEndpoint = '/bundle/api/products-graph';
  74. var apiProductVariantsGraphEndpoint = '/bundle/api/product-variants-graph';
  75.  
  76. var shopCurrency = 'USD';
  77. var currencyFormat = '${{amount}}';
  78.  
  79. function getImageThumbnail(imagePath, thumbnailSize) {
  80.  
  81. if (typeof imagePath === 'undefined' || imagePath === null) {
  82. return;
  83. }
  84. if (typeof thumbnailSize == 'undefined') {
  85. thumbnailSize = '_thumb';
  86. }
  87.  
  88. var file_formats = ['jpg', 'jpeg', 'png', 'JPG', 'JPEG', 'PNG'];
  89.  
  90. var lastFormatPosition = 0;
  91. var lastExtensionFound = null;
  92.  
  93. for (var i = 0; i < file_formats.length; i++) {
  94.  
  95. var lastPos = 0;
  96. var currentExtension = file_formats[i];
  97.  
  98. while ((lastPos = imagePath.indexOf('.' + currentExtension, lastPos)) > -1) {
  99. if (lastPos > lastFormatPosition) {
  100. lastFormatPosition = lastPos;
  101. lastExtensionFound = currentExtension;
  102. }
  103.  
  104. lastPos = lastPos + currentExtension.length;
  105. }
  106. }
  107.  
  108. if (lastFormatPosition > 0) {
  109. var positionBeforeExistingSize = lastFormatPosition - 10; var current_size = '';
  110.  
  111. if (imagePath.indexOf('_medium.', positionBeforeExistingSize) !== -1) {
  112. current_size = '_medium';
  113. } else if (imagePath.indexOf('_large.', positionBeforeExistingSize) !== -1) {
  114. current_size = '_large';
  115. }
  116.  
  117. imagePath = imagePath.substring(0, lastFormatPosition - current_size.length)
  118. + thumbnailSize
  119. + '.'
  120. + lastExtensionFound
  121. + imagePath.substring(lastFormatPosition + lastExtensionFound.length + 1);
  122. }
  123.  
  124. imagePath = imagePath.replace('.jpegg', '.jpeg');
  125. imagePath = imagePath.replace('.JPEGG', '.JPEG');
  126.  
  127. return imagePath;
  128. } </script><script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><script>
  129. var $domBody = $('body');
  130. </script><script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script><script src="/asset/apps/global/js/jquery.colorpicker.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
  131. integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
  132. crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
  133. integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
  134. crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script><script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script><script src="/asset/apps/vitals/js/user-admin.js?r=1584632338"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-124842046-2"></script><script>
  135. window.dataLayer = window.dataLayer || [];
  136. function gtag() { dataLayer.push(arguments); }
  137. gtag('js', new Date());
  138.  
  139. gtag('config', 'UA-124842046-2');
  140.  
  141. </script><script>
  142. !function(f,b,e,v,n,t,s)
  143. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  144. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  145. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  146. n.queue=[];t=b.createElement(e);t.async=!0;
  147. t.src=v;s=b.getElementsByTagName(e)[0];
  148. s.parentNode.insertBefore(t,s)}(window, document,'script',
  149. 'https://connect.facebook.net/en_US/fbevents.js');
  150. fbq('init', '404299203793380');
  151. fbq('track', 'PageView');
  152. </script><noscript><img alt="" height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=404299203793380&ev=PageView&noscript=1" /></noscript><script src="https://chat-assets.frontapp.com/v1/chat.bundle.js"></script><script>
  153. window.FrontChat('init',
  154. {
  155. chatId: '28cef30c2b1d007153fe60ba18b379cd',
  156. useDefaultLauncher: true,
  157. email: 'tmerk.consultancy@gmail.com',
  158. userHash: 'd25c44b541137a5f0ff8527fee357f21a3ee68c5b379920a1e4bc8041217de2c'
  159. }
  160. );
  161. </script><script>
  162. var MODULE_URL = THIS_URL + '/settings/social_buttons';
  163. var selectedProductIds = [];
  164.  
  165. var $settingsForm = $('#settings_form');
  166. $settingsForm.find(':input').each(function () {
  167. $(this).data('originalvalue', getCurrentValue($(this)));
  168. });
  169.  
  170. $settingsForm.on('keyup change', ':input', showSaveBarIfAnythingChanged);
  171.  
  172. function showSaveBarIfAnythingChanged() {
  173. if (anythingChanged()) {
  174. showSaveBar();
  175. } else {
  176. hideSaveBar();
  177. }
  178. }
  179.  
  180. function showSaveBar() {
  181. var $smartBarPreview = $('#bundle-smart_bar');
  182. $("#save_settings_bar").removeClass("hide").addClass('d-flex');
  183. if (($smartBarPreview.length && ($smartBarPreview.css('top') === '0px')) || $('.bd-nav').length) {
  184. $('#save_settings_bar').css('top', '40px');
  185. }
  186. }
  187.  
  188. function hideSaveBar() {
  189. var $smartBarPreview = $('#bundle-smart_bar');
  190. $("#save_settings_bar").addClass("hide").removeClass('d-flex');
  191. if (($smartBarPreview.length && ($smartBarPreview.css('top') === '54px')) || $('.bd-nav').length) {
  192. $('#save_settings_bar').css('top', '0px');
  193. }
  194. }
  195.  
  196. function getCurrentValue(element) {
  197.  
  198. return ((element.is(':radio') || element.is(':checkbox')) ? element.prop('checked') : element.val());
  199. }
  200.  
  201. function anythingChanged() {
  202. var somethingChanged = false;
  203. var ignoredSection = '.ignore-changes';
  204.  
  205. $('#settings_form :input').each(function () {
  206. if ($(this.closest(ignoredSection)).length) {
  207. return;
  208. }
  209.  
  210. if (getCurrentValue($(this)) !== $(this).data('originalvalue')) {
  211. somethingChanged = true;
  212. }
  213. });
  214. return somethingChanged;
  215. }
  216.  
  217. $('span.enable-app-toggler').on('click', function () {
  218. $(this).find('i').toggleClass('fa-toggle-off fa-toggle-on text-dark text-success');
  219.  
  220. var inputHidden = $(this).find('input[type="hidden"]');
  221.  
  222. if (parseInt(inputHidden.val()) === 1) {
  223. inputHidden.val(0);
  224. } else {
  225. inputHidden.val(1);
  226. }
  227.  
  228. showSaveBar();
  229. });
  230.  
  231. $('#copy-snippet').click(function () {
  232. var $temp = $("<input>");
  233. $("body").append($temp);
  234. $temp.val($(this).text()).select();
  235. document.execCommand("copy");
  236. $temp.remove();
  237. $(this).tooltip('dispose');
  238. $(this).attr('title', 'Copied!');
  239. $(this).tooltip('enable').tooltip('show');
  240. });
  241.  
  242. $('.st-range-control').each(function () {
  243. this.oninput = function () {
  244. $(this).closest('.range-parent').find('input[type="number"]').val($(this).val());
  245. };
  246. $(this).closest('.range-parent').find('input[type="number"]')[0].oninput = function () {
  247. $(this).closest('.range-parent').find('input[type="range"]').val($(this).val());
  248. }
  249. });
  250.  
  251. </script><script type="text/javascript"
  252. src="https://appsolve.io/assets/js/bundle.js?shop=istrap-colors.myshopify.com&preview_module=social_buttons"></script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement