Skip to content

Instantly share code, notes, and snippets.

@hasinhayder

hasinhayder/qr_code.liquid

Created December 14, 2023 13:50
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save hasinhayder/9d126593d748b9829adcb69849f7715a to your computer and use it in GitHub Desktop.
Save hasinhayder/9d126593d748b9829adcb69849f7715a to your computer and use it in GitHub Desktop.
Download ZIP
QR Code Block
Raw
qr_code.liquid
{% assign full_url = request.host | append: request.path %}
<div style="position: fixed; bottom: 0; right: 0">
{% comment %} {{ "thumbs-up.png" | asset_url | img_tag }} {% endcomment %}
<img width="150" height="150" src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={{ full_url }}" alt=""/>
</div>
{% schema %}
{
"name": "App Embed",
"target": "body",
"settings": []
}
{% endschema %}
@hasinhayder
Copy link
Author 

npm init @shopify/app@latest
npm run shopify app generate extension

@hasinhayder
Copy link
Author

App Embed Blocks https://shopify.dev/docs/apps/online-store/theme-app-extensions/extensions-framework#app-embed-blocks

@hasinhayder
Copy link
Author

App Metafield https://shopify.dev/docs/apps/custom-data/metafields/app-data

@hasinhayder
Copy link
Author

Condtional App Block https://shopify.dev/docs/apps/online-store/theme-app-extensions/extensions-framework#conditional-app-blocks

@hasinhayder
Copy link
Author

hasinhayder commented Dec 14, 2023 •
edited 

{% assign full_url = request.host | append: request.path %}
{% if block.settings.show_qr != false %}
<div style="position: fixed; bottom: 0; right: 0">
    {% comment %} {{ "thumbs-up.png" | asset_url | img_tag }} {% endcomment %}
    <img width="150" height="150" src="https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl={{ full_url }}" alt=""/>
</div>
{% endif %}

{% schema %}
  {
    "name": "App Embed",
    "target": "body",
    "javascript": "global.js",
    "settings": [
        {
            "type": "checkbox",
            "id": "show_qr",
            "label": "Show QR Code"
        }
    ]
  }
{% endschema %}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment