Photo Editor

{% comment %} Glossy Photocard 产品模板 使用 image-editor-sdk.min.js 实现图片上传和编辑 将 image-editor-sdk.min.js 放到 assets 目录下 {% endcomment %} {{ 'image-editor-sdk.min.js' | asset_url | script_tag }}
{% comment %} ===== 产品标题 ===== {% endcomment %}

{{ product.title }}

{% comment %} ===== 变体选择 ===== {% endcomment %} {% if product.variants.size > 1 %}
{% else %} {% endif %} {% comment %} ===== 上传界面 ===== {% endcomment %}
The visible area is the printable area. Click to adjust the image
{% comment %} Front 卡片 {% endcomment %}
CLICK TO UPLOAD
Front
Front
{% comment %} Back 卡片 {% endcomment %}
CLICK TO UPLOAD
Back
Back
You can select and upload up to 20 images per batch.
If you need to upload more, simply create multiple batches.
We're working to improve this—thanks for your patience!
Uploads must be in multiples of 20. (0 uploaded)
{% comment %} ===== 编辑器界面 ===== {% endcomment %} {% comment %} ===== 价格与购物车 ===== {% endcomment %}
Price Each: {{ product.selected_or_first_available_variant.price | money }}
Total: $0.00
{% comment %} ===== 隐藏的表单字段(用于提交到购物车) ===== {% endcomment %}
{% comment %} ===== 模态框 ===== {% endcomment %}

Notice

Message