Shopify, Adding another column for Shipping details in product page

问题

I want to add another shipping column in between two existing column in my product page in Shopify and also link it to my pages called "shipping" but I can't seem to find out how. Here is the existing code

<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

Thank you so much :)

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

来源：https://stackoverflow.com/questions/45387162/shopify-adding-another-column-for-shipping-details-in-product-page

标签

html

css

shopify