Добавить в cart-template.liquid<\/p>\n
<input type='button' value='-' class='qtyminus' field='updates_{{ item.id }}' \/>\r\n<input type="number" name="updates[]" id="updates_{{ item.id }}" class="quantity" value="{{ item.quantity }}" \/>\r\n<input type='button' value='+' class='qtyplus' field='updates_{{ item.id }}' \/><\/code><\/pre>Добавить в Assets cart.js и его содержание:<\/p>\n
jQuery(document).ready(function(){\r\n $('.qtyplus').click(function(e){\r\n e.preventDefault();\r\n fieldName = $(this).attr('field');\r\n var currentVal = parseInt($('input[id='+fieldName+']').val());\r\n if (!isNaN(currentVal)) {\r\n $('input[id='+fieldName+']').val(currentVal + 1);\r\n } else {\r\n $('input[id='+fieldName+']').val(0);\r\n }\r\n });\r\n $(".qtyminus").click(function(e) {\r\n e.preventDefault();\r\n fieldName = $(this).attr('field');\r\n var currentVal = parseInt($('input[id='+fieldName+']').val());\r\n if (!isNaN(currentVal) && currentVal > 0) {\r\n $('input[id='+fieldName+']').val(currentVal - 1);\r\n } else {\r\n $('input[id='+fieldName+']').val(0);\r\n }\r\n });\r\n});<\/code><\/pre>Не забыть подключить JS с условием если вы находитесь на странице корзины, чтобы не перегружать сайт лишними скриптами.<\/p>\n",
"date_published": "2020-02-01T13:35:31+03:00",
"date_modified": "2020-02-01T13:35:26+03:00",
"_date_published_rfc2822": "Sat, 01 Feb 2020 13:35:31 +0300",
"_rss_guid_is_permalink": "false",
"_rss_guid": "71",
"_e2_data": {
"is_favourite": false,
"links_required": [
"system\/library\/highlight\/highlight.js",
"system\/library\/highlight\/highlight.css",
"system\/library\/highlight\/highlight.js",
"system\/library\/highlight\/highlight.css"
],
"og_images": []
}
},
{
"id": "70",
"url": "https:\/\/blog.chudenkov.ru\/all\/shopify-check-user-age-before-shopping\/",
"title": "Shopify: check user age before shopping",
"content_html": "
Есть продукты, которые можно продавать в США только лицам старше 21 года, да и то, не во всех штатах. Сам шопифай такого решения разумеется не имеет, поэтому появилось следующее решение, которое работает так: если нет соответствующей куки, то показываем пользователю предупреждение (предупреждение сами верстаем), а если кука есть, то не показываем пользователю предупреждение N-дней. Если пользователю нет 21 года, то отправляем его в магазин лего и куку не присваиваем.<\/p>\n
Я запихал текст предупреждения в переменные, чтобы их можно было просто отредактировать.<\/p>\n
{% capture warning_header %}\r\nTHE SITE IS ONLY AVAILABLE TO PERSONS OVER 21 YEARS OF AGE.\r\n{% endcapture %}\r\n\r\n{% capture warning_question %}\r\nARE YOU'RE 21 YEARS OLD?\r\n{% endcapture %}<\/code><\/pre>Далее вёрстка самого предупреждения, который нужно запихать в theme.liquid сразу после body. Рекомендую подключить сниппетом, чтобы не засорять шаблон кучей строк.<\/p>\n
<div class="warning" id="warning">\r\n <div class="warning-popup" id="popup">\r\n <div class="logo">\r\n <img src="https:\/\/cdn.shopify.com\/s\/files\/logo.svg" alt="logo">\r\n <\/div>\r\n <div>{{ warning_header }}<\/div>\r\n <div class="warning-question">{{ warning_question }}<\/div>\r\n <div class="btns">\r\n <a href="https:\/\/lego.com\/"><button class="btn">No<\/button><\/a>\r\n <button class="btn" onclick="ageCheck()">Yes<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div><\/code><\/pre>Далее сам скрипт, логику работы описал выше.<\/p>\n
<script>\r\n function ageCheck() {\r\n var days = 14; \/\/количество дней, через которое спросим возраст снова\r\n var date = new Date();\r\n date.setTime(date.getTime()+(days*24*60*60*1000));\r\n var expires = "; expires="+date.toGMTString();\r\n document.cookie = 'isAnAdult=true;'+expires+"; path=\/";\r\n location.reload();\r\n };\r\n function readCookie(name) {\r\n var nameEQ = name + "=";\r\n var ca = document.cookie.split(';');\r\n for(var i=0;i < ca.length;i++) {\r\n var c = ca[i];\r\n while (c.charAt(0)==' ') c = c.substring(1,c.length);\r\n if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);\r\n }\r\n return null;\r\n };\r\n var isAnAdult = readCookie('isAnAdult');\r\n if (isAnAdult) {\r\n document.write("<style> #warning { display: none; overflow:hidden; }<\/style>");\r\n };\r\n<\/script><\/code><\/pre>",
"date_published": "2020-01-31T03:26:16+03:00",
"date_modified": "2020-01-31T03:25:28+03:00",
"_date_published_rfc2822": "Fri, 31 Jan 2020 03:26:16 +0300",
"_rss_guid_is_permalink": "false",
"_rss_guid": "70",
"_e2_data": {
"is_favourite": false,
"links_required": [
"system\/library\/highlight\/highlight.js",
"system\/library\/highlight\/highlight.css",
"system\/library\/highlight\/highlight.js",
"system\/library\/highlight\/highlight.css",
"system\/library\/highlight\/highlight.js",
"system\/library\/highlight\/highlight.css"
],
"og_images": []
}
}
],
"_e2_version": 3365,
"_e2_ua_string": "E2 (v3365; Aegea)"
}