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