Shopify,增加对货运详细另一列在产品页面(Shopify, Adding another co

2019-10-30 04:49发布

我想在在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 -%}

在我的网站现有的描述和评论

非常感谢 :)

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


文章来源: Shopify, Adding another column for Shipping details in product page
标签: html css shopify