FROM CACHE - jp_header
解決済

コレクション一覧に各商品の説明文を出力させたい

jarinkogirl
観光客
7 1 1

現在、shopifyにてコレクションのBuyButtonを作成して、wordpressの記事に貼り付けているのですが、
画像、商品名、商品価格に加えて、各商品の説明文も一覧に出力させたいと思っています。
いろいろ検索してみたのですが、解決方法を見つけることができなかったため、
ご存知の方がいらっしゃいましたら、ご教授いただけると幸いです。

Screenshot at Mar 23 09-26-57.png

1 件の受理された解決策

Jizo_Inagaki
Shopify Partner
1006 380 697

成功

Buybuttonのコードに以下のような部分があると思います。

 

"product": {
    "styles": {
      "product": {
        //省略
        },
        "img": {
          //省略
        },
        "imgWrapper": {
          //省略
        }
      }
    },
    "buttonDestination": "modal",
    "contents": {
      "options": false
    },
    "text": {
      "button": "View product"
    }
  },

 

 

上記の contentsの部分に "description":true を加えます。

 

 

"product": {
    "styles": {
      "product": {
        //省略
        },
        "img": {
          //省略
        },
        "imgWrapper": {
          //省略
        }
      }
    },
    "buttonDestination": "modal",
    "contents": {
      "options": false,
      "description": true
    },
    "text": {
      "button": "View product"
    }
  },

 

 

恐らくこれで表示されるかと思います。

Buybuttonの設定次第で内容がかわりますので、記載したコードと違っても、とりあえずproductのcontentsを探すしていただければ場所は特定できるかと思います。 

 

なお、Buybuttonのカスタマイズの詳細は以下を参照ください。

https://shopify.github.io/buy-button-js/customization/

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2

Jizo_Inagaki
Shopify Partner
1006 380 697

成功

Buybuttonのコードに以下のような部分があると思います。

 

"product": {
    "styles": {
      "product": {
        //省略
        },
        "img": {
          //省略
        },
        "imgWrapper": {
          //省略
        }
      }
    },
    "buttonDestination": "modal",
    "contents": {
      "options": false
    },
    "text": {
      "button": "View product"
    }
  },

 

 

上記の contentsの部分に "description":true を加えます。

 

 

"product": {
    "styles": {
      "product": {
        //省略
        },
        "img": {
          //省略
        },
        "imgWrapper": {
          //省略
        }
      }
    },
    "buttonDestination": "modal",
    "contents": {
      "options": false,
      "description": true
    },
    "text": {
      "button": "View product"
    }
  },

 

 

恐らくこれで表示されるかと思います。

Buybuttonの設定次第で内容がかわりますので、記載したコードと違っても、とりあえずproductのcontentsを探すしていただければ場所は特定できるかと思います。 

 

なお、Buybuttonのカスタマイズの詳細は以下を参照ください。

https://shopify.github.io/buy-button-js/customization/

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
jarinkogirl
観光客
7 1 1