[{"data":1,"prerenderedAt":213},["ShallowReactive",2],{"search-all-posts":3,"settings-global":47,"\u002Fblog\u002F2022-08-07-shopify-en-shop-munteenheid-symbol":70},[4,10,17,23,28,34,39],{"title":5,"description":6,"path":7,"tags":8},"Responsive aspect ratio in CSS","Hoe maak je een responsive aspect ratio in CSS? Een aspect ratio is bijvoorbeeld toepasbaar op afbeeldingen, video’s, placeholders en iframes.","\u002Fblog\u002F2017-04-18-responsive-aspect-ratio-in-css",[9],"CSS",{"title":11,"description":12,"path":13,"tags":14},"Sketch plugin tips voor een snellere workflow","Voor het versnellen van je workflow in Sketch, de digitale ontwerptool voor designers, zijn de volgende plugins interessant.","\u002Fblog\u002F2018-04-21-sketch-plugin-tips-voor-een-snellere-workflow",[15,16],"Design","Productiviteit",{"title":18,"description":19,"path":20,"tags":21},"WebKit naar watchOS 5","Tijdens de WWDC 2018 van Apple was er een leuk nieuwtje. WebKit komt naar watchOS. Dit betekent dat je, zodra watchOS 5 uit is, web content kan gaan consumeren!","\u002Fblog\u002F2018-06-11-webkit-naar-watchos-5",[22],"Apple",{"title":24,"description":25,"path":26,"tags":27},"CSS variabelen en preprocessor variabelen","In CSS zijn variabelen er voornamelijk om consistent hergebruikt te worden. De voor- en nadelen.","\u002Fblog\u002F2019-01-20-css-variabelen-en-preprocessor-variabelen",[9],{"title":29,"description":30,"path":31,"tags":32},"Adobe XD en line-height","Als designer & developer werk je met verschillende tools. Hierbij loop je soms tegen dingen aan die je werkproces verstoren. Zo ook bij Adobe XD.","\u002Fblog\u002F2020-04-29-adobe-xd-en-line-height",[33,15],"Adobe",{"title":35,"description":36,"path":37,"tags":38},"Mijn favoriete Mac apps 2022","MacOS en apps, ik zou niet zonder kunnen. Persoonlijk gebruik ik een handje vol apps die wellicht voor jou ook de moeite waard zijn.","\u002Fblog\u002F2022-07-23-mijn-favoriete-mac-apps-2022",[16],{"title":40,"description":41,"path":42,"tags":43},"Shopify en shop munteenheid symbool","Shopify's Liquid shop object met geneste currency object shop.currency.symbol werkt niet. Als workaround kan je het cart object gebruiken.","\u002Fblog\u002F2022-08-07-shopify-en-shop-munteenheid-symbol",[44,45,46],"Shopify","Snippets","Notities",{"id":48,"title":49,"description":50,"extension":51,"github_url":52,"lang":53,"linkedin_url":54,"meta":55,"navigation":56,"noindex":67,"stem":68,"__hash__":69},"settings\u002Fsettings.yaml","Roy","Inspiratie en slimme oplossingen voor Shopify & tech.","yaml",null,"nl","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Froy-van-neden-10549761",{},[57,60,63,65],{"title":58,"to":59},"Home","\u002F",{"title":61,"to":62},"Blog","\u002Fblog",{"title":45,"to":64},"https:\u002F\u002Fgist.github.com\u002Froyvn",{"title":66,"to":54},"LinkedIn",false,"settings","-UwRePwvcv6cIOnnqX6vHLS1vLrRiCvBGOSHiNv7qA0",{"id":71,"title":40,"authors":72,"body":73,"date":204,"description":41,"draft":67,"extension":205,"image":206,"meta":207,"navigation":208,"noindex":67,"path":42,"readingTime":163,"seo":209,"stem":210,"tags":211,"__hash__":212},"posts\u002Fblog\u002F2022-08-07-shopify-en-shop-munteenheid-symbol.md",[49],{"type":74,"value":75,"toc":202},"minimark",[76,105,119,126,139,150,198],[77,78,79,80,87,88,93,94,99,100,104],"p",{},"Om binnen Shopify met ",[81,82,86],"a",{"href":83,"rel":84},"https:\u002F\u002Fshopify.dev\u002Fapi\u002Fliquid",[85],"nofollow","Liquid"," de shop munteenheid terug te krijgen kan je volgens de documentatie het ",[81,89,92],{"href":90,"rel":91},"https:\u002F\u002Fshopify.dev\u002Fapi\u002Fliquid\u002Fobjects#shop-currency",[85],"shop object"," met geneste ",[81,95,98],{"href":96,"rel":97},"https:\u002F\u002Fshopify.dev\u002Fapi\u002Fliquid\u002Fobjects#currency",[85],"currency object"," ",[101,102,103],"code",{},"shop.currency.symbol"," gebruiken. Alleen werkt dit op het moment van schrijven niet.",[106,107,109],"div",{"style":108},"width:100%;height:0;padding-bottom:72%;position:relative;",[110,111],"iframe",{"allow-full-screen":112,"className":113,"frame-border":115,"height":116,"src":117,"style":118,"width":116},"true",[114],"giphy-embed","0","100%","https:\u002F\u002Fgiphy.com\u002Fembed\u002FeJiX4lpUuD2fxmVZ8g","position:absolute",[77,120,121],{},[81,122,125],{"href":123,"rel":124},"https:\u002F\u002Fgiphy.com\u002Fgifs\u002Fmoodman-eJiX4lpUuD2fxmVZ8g",[85],"via GIPHY",[77,127,128,129,134,135,138],{},"Het makkelijkste is om je ",[81,130,133],{"href":131,"rel":132},"https:\u002F\u002Fshopify.dev\u002Fapi\u002Fliquid\u002Fobjects#cart",[85],"cart object"," te gebruiken, met ",[101,136,137],{},"cart.currency.symbol"," krijg je wel het symbool van de munteenheid terug.",[77,140,141,142,145,146,149],{},"Een andere optie is nog om een for loop te starten met ",[101,143,144],{},"shop.enabled_currencies",". Met behulp van de ",[101,147,148],{},"currency.iso_code"," filter je de huidige munteenheid eruit.",[151,152,157],"pre",{"className":153,"code":154,"language":155,"meta":156,"style":156},"language-html shiki shiki-themes github-light github-dark","{% for currency in shop.enabled_currencies %}\n  {% if currency.iso_code == shop.currency %}\n    {{ currency.symbol }}\n    {% break %}\n  {% endif %}\n{% endfor %}\n","html","",[101,158,159,168,174,180,186,192],{"__ignoreMap":156},[160,161,164],"span",{"class":162,"line":163},"line",1,[160,165,167],{"class":166},"sVt8B","{% for currency in shop.enabled_currencies %}\n",[160,169,171],{"class":162,"line":170},2,[160,172,173],{"class":166},"  {% if currency.iso_code == shop.currency %}\n",[160,175,177],{"class":162,"line":176},3,[160,178,179],{"class":166},"    {{ currency.symbol }}\n",[160,181,183],{"class":162,"line":182},4,[160,184,185],{"class":166},"    {% break %}\n",[160,187,189],{"class":162,"line":188},5,[160,190,191],{"class":166},"  {% endif %}\n",[160,193,195],{"class":162,"line":194},6,[160,196,197],{"class":166},"{% endfor %}\n",[199,200,201],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":156,"searchDepth":170,"depth":170,"links":203},[],"2022-08-07T11:00:00.000Z","md","\u002Fshopify-en-shop-munteenheid-symbol.jpg",{},true,{"title":40,"description":41},"blog\u002F2022-08-07-shopify-en-shop-munteenheid-symbol",[44,45,46],"5buLEWEGWmlqMmWkjvvFeWAypse78KQyo96nb6WS17I",1780848345638]