From 6ed9fd5f59f76c047465a6ea82264814b72f623b Mon Sep 17 00:00:00 2001 From: Carson Shold Date: Tue, 17 Feb 2015 12:39:26 -0500 Subject: [PATCH 1/2] QR code on printed gift card template --- assets/gift-card.scss.liquid | 28 ++++++++++++++++++++++++++-- templates/gift_card.liquid | 10 ++++++++++ 2 files changed, 36 insertions(+), 2 deletions(-) diff --git a/assets/gift-card.scss.liquid b/assets/gift-card.scss.liquid index d50565998..c1eed4b91 100755 --- a/assets/gift-card.scss.liquid +++ b/assets/gift-card.scss.liquid @@ -21,7 +21,7 @@ $colorGiftText: #999; // note, this is always on a white background $colorGiftBorder: {{ settings.color_primary }}; // Sizes -$gutter: 24px; +$gutter: 30px; /*============================================================================ #Sass Mixins @@ -74,13 +74,13 @@ $gutter: 24px; .giftcard-header { padding: ($gutter * 2) 0; font-size: 1em; + text-align: center; -webkit-animation: fadein 0.5s ease-in-out both 0.4s; animation: fadein 0.5s ease-in-out both 0.4s; } .shop-url { display: none; - text-align: center; } .giftcard { @@ -368,6 +368,17 @@ $gutter: 24px; vertical-align: baseline; } +#QrCode { + display: none; + + img { + padding: $gutter; + border: 1px solid $colorBorder; + border-radius: 4px; + margin: 0 auto $gutter; + } +} + /*============================================================================ #Media Queries @@ -460,6 +471,10 @@ $gutter: 24px; background-color: #fff; } + .giftcard-header { + padding: 10px 0; + } + .giftcard__content, .giftcard__border { border: 0 none; @@ -472,6 +487,11 @@ $gutter: 24px; display: none; } + .giftcard__title { + float: none; + text-align: center; + } + .giftcard__code__text { color: #555; } @@ -483,6 +503,10 @@ $gutter: 24px; .logo { color: #58686F; } + + #QrCode { + display: block; + } } /*============================================================================ diff --git a/templates/gift_card.liquid b/templates/gift_card.liquid index 2b5c0283b..7c027e26f 100755 --- a/templates/gift_card.liquid +++ b/templates/gift_card.liquid @@ -30,6 +30,7 @@ {{ 'timber.scss.css' | asset_url | stylesheet_tag }} {{ 'gift-card.scss.css' | asset_url | stylesheet_tag }} {{ 'modernizr.gift-card.js' | shopify_asset_url | script_tag }} + {{ 'vendor/qrcode.js' | shopify_asset_url | script_tag }} -