Shopify、商品ページの配送詳細の別の列を追加

Question

Shopifyの商品ページの2つの既存の列の間にもう1つの配送列を追加し、それを「配送」と呼ばれるページにリンクしたい方法を見つけます。ここでは、既存のコード

<div id="tabs" class="htabs"> 
    <a href="#tab-description" class="selected">{{'products.product.description' | t}}</a> 
    <a href="#tab-review" class="">{{'products.product.customer_reviews' | t}}</a> 
    {%- if product.featured_image.alt contains 'iframe' -%} 
    <a href="#tab-video">{{'products.product.video' | t}}</a> 
    {%- endif -%} 
</div> 
<div id="tab-description" class="tab-content" itemprop="description">{{product.description}}</div> 
<div id="tab-review" class="tab-content"><div id="shopify-product-reviews" data-id="{{product.id}}">{{product.metafields.spr.reviews}}</div></div> 
{%- if product.featured_image.alt contains 'iframe' -%} 
<div id="tab-video" class="tab-content">{{product.featured_image.alt}}</div> 
{%- endif -%} 

The existing descriptions and reviews in my site

はそんなにありがとう:)

Answer 1

<div id="tabs" class="htabs"> 
    <a href="#tab-description" class="selected">{{'products.product.description' | t}}</a> 
    <a href="#tab-new">Tab Heading</a> 
    <a href="#tab-review" class="">{{'products.product.customer_reviews' | t}}</a> 
    {%- if product.featured_image.alt contains 'iframe' -%} 
    <a href="#tab-video">{{'products.product.video' | t}}</a> 
    {%- endif -%} 
</div> 
<div id="tab-description" class="tab-content" itemprop="description">{{product.description}}</div> 
<div id="tab-new" class="tab-content" itemprop="description">{{pages.shipping.content}} <a href="/shiiping/page/link">Shipping</a></div> 
<div id="tab-review" class="tab-content"><div id="shopify-product-reviews" data-id="{{product.id}}">{{product.metafields.spr.reviews}}</div></div> 
{%- if product.featured_image.alt contains 'iframe' -%} 
<div id="tab-video" class="tab-content">{{product.featured_image.alt}}</div> 
{%- endif -%}