shopifyで「名入れ機能」は実装できるの?〜Line Item Property〜 - 大蛇テック合同会社|大牟田・荒尾のホームページ制作

マーケティング

shopifyで「名入れ機能」は実装できるの?〜Line Item Property〜

   

shopifyで「名入れ機能」は実装できるの?

   

今回の記事で取り上げるのは、よくご相談される「名入れ機能」についてです!

少し専門用語が出てきますが、名入れ機能はLine Item Propertyによって実装可能です。

   

Line Item Propertyとは?

   

Line Item Propertyとは、「商品ページに設置するinputフィールド」のことです。

Shopifyの標準機能として存在しないのでよく問題となる

  • 名入れ機能
  • ギフト用のメッセージ機能

などをLine Item Propertyによって実装することができます。

   

【実装方法】

  1. Shopify UI Element Generatorでコード生成(https://ui-elements-generator.myshopify.com/pages/cart-attribute
  2. 商品ページの挿入したい箇所に挿入(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/

-マーケティング

© 2023 DAIJA Tech LLC.