Shopify，在產品頁面添加另一列用於發貨詳細信息

Question

我想在Shopify的產品頁面的兩個現有列之間添加另一個運輸列，並將其鏈接到我的稱爲「發貨」的頁面，但我似乎無法瞭解如何。下面是現有的代碼

<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 -%}