Advertisement
Guest User

Untitled

a guest
Feb 7th, 2021
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.81 KB | None | 0 0
  1.  
  2. <div id=’product-component-1612524419965′></div>
  3. <script type=”text/javascript”>
  4. /*<![CDATA[*/
  5. (function () {
  6. var scriptURL = ‘https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js’;
  7. if (window.ShopifyBuy) {
  8. if (window.ShopifyBuy.UI) {
  9. ShopifyBuyInit();
  10. } else {
  11. loadScript();
  12. }
  13. } else {
  14. loadScript();
  15. }
  16. function loadScript() {
  17. var script = document.createElement(‘script’);
  18. script.async = true;
  19. script.src = scriptURL;
  20. (document.getElementsByTagName(‘head’)[0] || document.getElementsByTagName(‘body’)[0]).appendChild(script);
  21. script.onload = ShopifyBuyInit;
  22. }
  23. function ShopifyBuyInit() {
  24. var client = ShopifyBuy.buildClient({
  25. domain: ‘shop-smileicon-de.myshopify.com’,
  26. storefrontAccessToken: ‘2bf601fd5327e67d70751fad741c6fa5’,
  27. });
  28. ShopifyBuy.UI.onReady(client).then(function (ui) {
  29. ui.createComponent(‘product’, {
  30. id: ‘6147674898616’,
  31. node: document.getElementById(‘product-component-1612524419965’),
  32. moneyFormat: ‘%E2%82%AC%7B%7Bamount_with_comma_separator%7D%7D’,
  33. options: {
  34. “product”: {
  35. “styles”: {
  36. “product”: {
  37. “@media (min-width: 601px)”: {
  38. “max-width”: “100%”,
  39. “margin-left”: “0”,
  40. “margin-bottom”: “50px”
  41. },
  42. “text-align”: “left”
  43. },
  44. “title”: {
  45. “font-family”: “Lato, sans-serif”,
  46. “font-size”: “30px”,
  47. “color”: “#4e3a5e”
  48. },
  49. “button”: {
  50. “font-family”: “Lato, sans-serif”,
  51. “:hover”: {
  52. “background-color”: “#2395e6”
  53. },
  54. “background-color”: “#27a5ff”,
  55. “:focus”: {
  56. “background-color”: “#2395e6”
  57. },
  58. “border-radius”: “35px”,
  59. “padding-left”: “55px”,
  60. “padding-right”: “55px”
  61. },
  62. “price”: {
  63. “font-family”: “Lato, sans-serif”,
  64. “font-size”: “26px”,
  65. “color”: “#a87bc9”
  66. },
  67. “compareAt”: {
  68. “font-family”: “Lato, sans-serif”,
  69. “font-size”: “22.099999999999998px”,
  70. “color”: “#a87bc9”
  71. },
  72. “unitPrice”: {
  73. “font-family”: “Lato, sans-serif”,
  74. “font-size”: “22.099999999999998px”,
  75. “color”: “#a87bc9”
  76. },
  77. “description”: {
  78. “font-family”: “Lato, sans-serif”,
  79. “font-size”: “17px”,
  80. “color”: “#827191”
  81. }
  82. },
  83. “layout”: “horizontal”,
  84. “contents”: {
  85. “img”: false,
  86. “imgWithCarousel”: true,
  87. “button”: false,
  88. “buttonWithQuantity”: true,
  89. “description”: true
  90. },
  91. “width”: “100%”,
  92. “text”: {
  93. “button”: “Add to cart”
  94. },
  95. “googleFonts”: [
  96. “Lato”
  97. ]
  98. },
  99. “productSet”: {
  100. “styles”: {
  101. “products”: {
  102. “@media (min-width: 601px)”: {
  103. “margin-left”: “-20px”
  104. }
  105. }
  106. }
  107. },
  108. “modalProduct”: {
  109. “contents”: {
  110. “img”: false,
  111. “imgWithCarousel”: true,
  112. “button”: false,
  113. “buttonWithQuantity”: true
  114. },
  115. “styles”: {
  116. “product”: {
  117. “@media (min-width: 601px)”: {
  118. “max-width”: “100%”,
  119. “margin-left”: “0px”,
  120. “margin-bottom”: “0px”
  121. }
  122. },
  123. “button”: {
  124. “font-family”: “Lato, sans-serif”,
  125. “:hover”: {
  126. “background-color”: “#2395e6”
  127. },
  128. “background-color”: “#27a5ff”,
  129. “:focus”: {
  130. “background-color”: “#2395e6”
  131. },
  132. “border-radius”: “35px”,
  133. “padding-left”: “55px”,
  134. “padding-right”: “55px”
  135. }
  136. },
  137. “googleFonts”: [
  138. “Lato”
  139. ],
  140. “text”: {
  141. “button”: “Add to cart”
  142. }
  143. },
  144. “option”: {},
  145. “cart”: {
  146. “styles”: {
  147. “button”: {
  148. “font-family”: “Lato, sans-serif”,
  149. “:hover”: {
  150. “background-color”: “#2395e6”
  151. },
  152. “background-color”: “#27a5ff”,
  153. “:focus”: {
  154. “background-color”: “#2395e6”
  155. },
  156. “border-radius”: “35px”
  157. },
  158. “title”: {
  159. “color”: “#919191”
  160. },
  161. “header”: {
  162. “color”: “#919191”
  163. },
  164. “lineItems”: {
  165. “color”: “#919191”
  166. },
  167. “subtotalText”: {
  168. “color”: “#919191”
  169. },
  170. “subtotal”: {
  171. “color”: “#919191”
  172. },
  173. “notice”: {
  174. “color”: “#919191”
  175. },
  176. “currency”: {
  177. “color”: “#919191”
  178. },
  179. “close”: {
  180. “color”: “#919191”,
  181. “:hover”: {
  182. “color”: “#919191”
  183. }
  184. },
  185. “empty”: {
  186. “color”: “#919191”
  187. },
  188. “noteDescription”: {
  189. “color”: “#919191”
  190. },
  191. “discountText”: {
  192. “color”: “#919191”
  193. },
  194. “discountIcon”: {
  195. “fill”: “#919191”
  196. },
  197. “discountAmount”: {
  198. “color”: “#919191”
  199. },
  200. “cart”: {
  201. “background-color”: “#f9f9f9”
  202. },
  203. “footer”: {
  204. “background-color”: “#f9f9f9”
  205. }
  206. },
  207. “text”: {
  208. “title”: “Shopping Cart”,
  209. “total”: “Subtotal”,
  210. “button”: “Checkout”
  211. },
  212. “contents”: {
  213. “note”: true
  214. },
  215. “popup”: false,
  216. “googleFonts”: [
  217. “Lato”
  218. ]
  219. },
  220. “toggle”: {
  221. “styles”: {
  222. “toggle”: {
  223. “font-family”: “Lato, sans-serif”,
  224. “background-color”: “#27a5ff”,
  225. “:hover”: {
  226. “background-color”: “#2395e6”
  227. },
  228. “:focus”: {
  229. “background-color”: “#2395e6”
  230. }
  231. }
  232. },
  233. “googleFonts”: [
  234. “Lato”
  235. ]
  236. },
  237. “lineItem”: {
  238. “styles”: {
  239. “variantTitle”: {
  240. “color”: “#919191”
  241. },
  242. “title”: {
  243. “color”: “#919191”
  244. },
  245. “price”: {
  246. “color”: “#919191”
  247. },
  248. “fullPrice”: {
  249. “color”: “#919191”
  250. },
  251. “discount”: {
  252. “color”: “#919191”
  253. },
  254. “discountIcon”: {
  255. “fill”: “#919191”
  256. },
  257. “quantity”: {
  258. “color”: “#919191”
  259. },
  260. “quantityIncrement”: {
  261. “color”: “#919191”,
  262. “border-color”: “#919191”
  263. },
  264. “quantityDecrement”: {
  265. “color”: “#919191”,
  266. “border-color”: “#919191”
  267. },
  268. “quantityInput”: {
  269. “color”: “#919191”,
  270. “border-color”: “#919191”
  271. }
  272. }
  273. }
  274. },
  275. });
  276. });
  277. }
  278. })();
  279. /*]]>*/
  280. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement