Shopifyの商品詳細で値を取得する
■タイトルを取得する
{{ product.title }}
■説明を取得する
{{ product.description }}
■価格を取得する(ここは「product-price.liquid」を呼び出しているだけ。)
{% include 'product-price', variant: current_variant, show_vendor: section.settings.show_vendor %}
個人的には楽天の「PC商品説明文」のように縦長のスタイルにしたいので、
以下のコードを
<div class="product-single__description rte"> {{ product.description }} </div>
以下のDIVタグから出してあげて
<div class="product-template__container page-width" id="ProductSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product" data-enable-history-state="true" data-ajax-enabled="{{ settings.enable_ajax }}" >
最後にCSSを当ててあげると完璧です。
これShopifyカスタマイズできたら、結構自由度高くなりますな。