Shopify，在产品页面中添加另一个用于装运详细信息的列 [英] Shopify, Adding another column for Shipping details in product page

问题描述

我想在Shopify的产品页面的两个现有列之间添加另一个运输列，并将其链接到我的称为运输的页面，但似乎无法找到如何。这里是现有的代码

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

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

非常感谢： ）

Thank you so much :)

推荐答案

<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，在产品页面中添加另一个用于装运详细信息的列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！