shopifyで「名入れ機能」は実装できるの?
今回の記事で取り上げるのは、よくご相談される「名入れ機能」についてです!
少し専門用語が出てきますが、名入れ機能はLine Item Propertyによって実装可能です。
Line Item Propertyとは?
Line Item Propertyとは、「商品ページに設置するinputフィールド」のことです。
Shopifyの標準機能として存在しないのでよく問題となる
- 名入れ機能
- ギフト用のメッセージ機能
などをLine Item Propertyによって実装することができます。
【実装方法】
- Shopify UI Element Generatorでコード生成(https://ui-elements-generator.myshopify.com/pages/cart-attribute)
- 商品ページの挿入したい箇所に挿入(product-template.liquidなど、テンプレートによってファイル名は変わります)
inputフィールドの挿入個所はformタグの中です。
挿入する箇所はテンプレートによって違いがありますが、「カートに追加」ボタンの箇所だとわかりやすいことが多いです。
shopify2.0になってカスタマイズの自由度や難易度も変わっていますので、詳しくはご相談ください!
執筆者:長塩
[参考記事]
https://www.shopify.com/jp/blog/partner-shopify-theme-customize-cart-attributes-line-item-property-customer-note
https://ikdlog.com/product-option/
https://webutubutu.com/webdesign/10696
https://im-sosleepy.com/webproduction/line-item-property/