嗨。我们如何帮助?

3 f。片段

这些片段可以帮助你验证或开始与特定功能,看起来有点困惑。

Fixed.rain

看到Custom.rain

Custom.rain

购物车预览

你可以使用这个代码片段显示购物车在所有页面预览(在固定是非常有用的。雨也),通常显示在标题中。

{% page.cart产品。如果产品产品%}{%。捆绑%}{#显示包的主要产品形象#}< a href = "{{产品。url}} " > < img src = "{{产品。图像| url_image('50x100x2', product.fulltitle) }}" /> {# SHOW THE BUNDLED PRODUCT IMAGES #} {% for product in product.bundled |slice(1, 2) %} +  {% endfor %} {# SHOW THE BUNDLED PRODUCT TOTAL PRICE #} {% set bundleprice = 0 %} {% for product in product.bundled %} {% set bundleprice = bundleprice + product.price.price %} {% endfor %} 
(x{{ product.quantity }}) {{ bundleprice | money_with_currency }}

{{ product.title }} {% else %} {# OTHERWISE SHOW NORMAL PRODUCT + IMAGES + PRICE #}
(x{{ product.quantity }}) {{ product.price.price | money_with_currency }}

{{ product.title }} {% endif %}
{% endfor %}< /code>

默认的导航

默认的导航位于设计> backoffice导航区域,允许用户更多的控制他们的商店的导航。我们问你允许这个控制在你的主题。

< ul >
{% shop.links链接。主要%}
<李>
< a href = "{{链接。url | url}} "标题= "{{链接。标题}}{%如果链接。new_window %}目标= "平等" {% endif %} >
{{链接。标题}}
< / >
李< / >
{% endfor %}
< / ul >

标志

标志(也称为信任标志)图像是通过一个url插入在你的主题。

{%商店的标志。标志%}
< a href = "{{标志。url | url}} "标题= "{{标志。标题}}" {% if not new_window %}target="_blank"{% endif %}>
{%如果标志。图像%}
< img src = "{{标志。图像}}" alt="{{ hallmark.title }}" title="{{ hallmark.title }}" />
{%其他%}
{{标志。标题}}
{% endif %}
< / >
{% endfor %}
< / ul >

语言切换器

我们要求用户保持在同一个页面上同时切换语言,这样他们不会丢失而被重定向到主页,这应该有助于与转换。在本例中您需要创建一个新的片段(在这种情况下称为languages.rain)和包含在custom.rain。

{#片段/语言。雨#}{%设置customLanguages =[] %}{%设置curUrl = " %}{%语言在商店。语言%}{% = = '页面/收集如果模板。雨”或模板= =”页面/目录。雨' %}{%如果page.breadcrumbs [0]。url = =“收集”%}{%设置curUrl =((语言。url ~“收集”)| url) %} {% elseif page.breadcrumbs [0]。url = =“目录”%}{%设置curUrl =((语言。url ~“目录”)| url) %} {% elseif page.breadcrumbs [0]。url = = '品牌' %}{%设置curUrl =((语言。url ~“走/品牌/”~ collection.brand_id) | url) %} {% elseif页面。搜索%}{%设置curUrl =((语言。url ~”搜索/ ~ page.search) | url) %}{%其他%}{% = = '页面/收集如果模板。雨' %}{%设置curUrl =((语言。url ~“走/类别/”~ collection.category_id) | url) %} {% elseif模板= = '页面/目录。雨' %}{%设置curUrl =((语言。url ~“走/类别/”~ catalog.category_id) | url) %} {% endif %} {% endif %} {% elseif模板= = /产品的页面。雨' %}{%设置curUrl =((语言。url ~“走/产品/”~ product.id) | url) %}{% = = '页面/ textpage elseif模板。如果textpage雨' %}{%。category_id %} {% set curUrl = ((language.url ~'go/category/'~ textpage.category_id) | url) %} {% else %} {% set lastPart = request.url | split('/') %} {% set lastPartLength = (lastPart | length-2) %} {% set serviceUrl = '' %} {% set serviceUrl = lastPart[lastPartLength] %} {% set curUrl = ((language.url ~'service/'~ serviceUrl) | url) %} {% endif %} {% elseif template == 'pages/blog.rain' %} {% set curUrl = ((language.url ~ blog.url) | url) %} {% else %} {% if template != 'pages/index.rain' %} {% if template != 'pages/account-dashboard.rain' %} {% set lastPart = template | replace({'pages/': '', '.rain': '', '-': '/'}) %} {% else %} {% set lastPart = 'account' %} {% endif %} {% else %} {% set lastPart = '' %} {% endif %} {% set curUrl = ((language.url ~ lastPart) | url) %} {% endif %} {% set customLanguages = customLanguages | merge({ (language.code) : {'url': curUrl, 'title': language.title, 'code': language.code, 'active': language.active} }) %} {% endfor %} {% for language in customLanguages %} 
{{语言。代码}}
< / > {% endfor %}

万事达卡的标志

一些主题使用定制版本的支付服务提供商商标。万事达和/或大师标志和必须被更新,如果您使用的是旧版本的标识。请查阅官方品牌指南在以下网址:

https://brand.mastercard.com/brandcenter/mastercard-brand-mark/downloads.html

Tags.rain

使用这个代码片段显示所有商店标签在shop.url /标签

{%的标签标记%}<李>{{标签。标题}}< /李> {% endfor %}

Products.rain

Products.rain(not to be confused with product.rain) can be created in order to display repeated product information in a grid. In this example, we display the product’s main image:< /p>

{%的产品集合。产品%}
< img src = "{{产品。图像| url_image('262x276x1', product.fulltitle) }}" width="262" height="276" alt="{{ product.fulltitle }}" title="{{ product.fulltitle }}" />
{% endfor %}

Messages.rain

这个输出的信息平台(错误消息,添加到购物车等…)

{%如果页面。消息%}< div class = "消息" >{%如果page.messages.info %} < ul类= "信息" >{%消息在page.messages.info %} <李>{{消息}}< /李> {% endfor %} < / ul > {% endif %}{如果page.messages %。成功%}< ul类=“成功”> {% page.messages的消息。成功%}<李>{{消息}}< /李> {% endfor %} < / ul > {% endif %}{如果page.messages %。错误%}< ul类= "错误" > {% page.messages的消息。<李>错误%}{{消息}}< /李> {% endfor %} < / ul > {% endif %} < / div > {% endif %}

Product.rain

单位价格

某些用户可能需要显示装置显示某些价格受到重量或体积的影响,例如,收取一定的价格每公斤。有一个全局设置和设置这些价格在产品水平。如果存在,这个价格必须显示在产品页面和收集/类别页面,在价格相同的观点。

如果shop.settings {%。价格_per_unit == 'enabled' and product.unit %}< /span>
{{“单价”| t}}: {{product.unit。价格|}}/ {{product.unit钱。单位}}
{% endif %}

严格的法律模式

严格的法律模式是通过设置>高级设置激活,应该显示一个指示是否包括税和运输规则的链接页面。这必须显示在产品页面和收集/类别页面,在价格相同的观点。

如果shop.settings.legal {%。模式= =“严格”%}
*
{%如果商店。b2b %}
{{除外的增值税的| t}}
{%其他%}
{{“包括增值税。' | t}}
{% endif %}
{{’除外的1美元' | t ('<一个href=“‘~’服务/ shipping-returns | url ~”>”~“运费”| t ~”< /一个>”)|生}}
{% endif %}

折扣规则[udpated 26/10/2017]

这段代码将正确显示折扣代码建立的用户。这段代码只显示单元的更新版本定价折扣如果用户启用全局设置。

{%如果产品。折扣或产品。discount_rules %}
< ul >
{%如果产品。折扣%}
{%的折扣产品。折扣%}
<李>
<强>
{{’为2美元买1美元并保存3美元的| t(折扣。数量折扣。价格| money, discount.percentage | percentage) }}
{%如果折扣。单位和shop.settings.legal。= =“严格”和shop.settings模式。price_per_unit = =“启用”%}
({{discount.unit。价格| money }} / {{ discount.unit.unit }})
{% endif %}
< /强>
李< / >
{% endfor %}
{% endif %}

{%如果产品。discount_rules %}
{% discount_rule的产品。discount_rules %}
<李>
<强> {{discount_rule}} < /强>
李< / >
{% endfor %}
{% endif %}
< / ul >
{% endif %}

变量添加到愿望列表

你现在有能力独立变量添加到愿望列表:

{{产品(“账户/ wishlistAdd”~。id ~”?variant_id url = ' ~ product.vid) |}} "标题= "{{“添加到愿望列表”| t}} " >{{“添加到愿望列表”| t}} < / >

新/出售按钮

{%如果模板= = '页面/索引。雨' %}{% id的最新%}{%如果产品。id = = id.id %} < div class = " sale-new " > < / div >新{% elseif product.price。price_old %} < div class = " sale-new " > < / div >销售{% endif %}{% endfor %}{% elseif product.price.price_old %} 
Sale
{% endif %}< /code>

添加到购物车按钮

<表单动作= "{{(车/添加/的~ product.vid) | url}} " id =“product_configure_form”方法= " post " >{%如果产品。选项或产品。变异或产品。自定义%}< div class = "产品选项行" > < div class = " col-md-12 " >{{产品| html_product_configure |生}}< / div > < / div >{%其他%}< input type =“隐藏”name = " bundle_id " id = " product_configure_bundle_id " value = " " > {% endif %} < div class = "产品价格行" > < div class = " price-wrap col-xs-5 col-md-5”>如果product.price {%。price_old %} < span class = "旧价”> {{product.price。如果shop.settings.legal price_old |钱}}{%。模式= =“严格”%}{{ 'SRP' | t }}{% endif %} {% endif %} {{ product.price.price | money }}{% if shop.settings.legal.mode == 'strict' %} *{% endif %} {% if shop.b2b %}{{ 'Excl. VAT' | t }}{% else %}{{ 'Incl. VAT' | t }}{% endif %} 
{% if product.stock.available %}
+ -
{{ 'Add to cart' | t }} {% endif %}
< /code>

评论明星

显示产品评论着星星

{%设置productScore =产品。分* 5 | number_format (0) %} < div class = "星星" >{% 1 . .我的productScore %} < span class = " glyphicon glyphicon-star " > < / span > {% endfor %} < / div >

丰富的片段

丰富的片段(也称为结构化数据)影响,谷歌将从光速和显示产品的商店。

你可以验证你的产品页面在以下网址:

https://search.google.com/structured-data/testing-tool/u/0/

必要的项目:

产品< /p>

审查< /p>

@type

@type

的名字

datePublished

图像

描述

描述

itemReviewed

@type

的名字

itemCondition

作者

@type

的名字

aggregateRating

@type

ratingValue

bestRating

reviewCount

reviewRating

@type

worstRating

ratingValue

bestRating

提供了

@type

priceCurrency

价格

可用性

Google和Schema.org提供指南和示例如何添加这两个属性:

产品:

谷歌,<一个href="http://schema.org/Product">Schema.org< /p>

评论:

谷歌,<一个href="http://schema.org/Review">Schema.org< /p>

Bundleproduct.rain

v2产品包

注意:产品包更新2016年10月,请更新你的代码。

v2包

商人现在可以添加超过5产品和产品现在可以使用变量或产品集作为下拉菜单内的包。

使v2包

请确认gui。js的核心文件包含在您的自定义。雨文件,包下创建v2 backoffice。

在你的产品。文件或bundleproduct雨。雨文件,第一次打开一个回路,检查每个包:

{%如果产品。包%}{% for bundle in product.bundles %}< /code>

内部循环,你将需要一个表单和一个隐藏的输入使用以下:

<形式id = " bundle_configure_form_{{包。输入id}} " > < name = value =“main_product_variant{{产品。vid}} " type = "隐藏" >

然后我们需要另一个for循环所涉及的所有产品包

{% bundleProduct的包。产品%}

显示下拉与变异&产品集,添加这个代码片段:

{{bundleProduct | html_bundle_item_configure(产品、包)|生}}我们现在需要添加股票显示和一个添加到购物车按钮:< a href = " # "类={%如果不是bundle.stock“btn add-bundle-btn”。= %}风格”显示:没有“{% endif %} onclick = " javascript: add_product_bundle('{{包。id}}’);返回错误;" >{{“加入购物车”| t}} < / > <跨类={%如果bundle.stock“缺货”。一个vailable %} style="display:none"{% endif %}>{{ 'Out of stock' | t }}< /code>

确保你正确关闭所有形式和循环,回去你的产品。雨,确保如果条款存在后打开你的主要产品形式:

{%如果产品。选项或产品。变异或产品。自定义%}{{产品| html_product_configure |生}}{%其他%}< input type =“隐藏”name = " bundle_id " id = " product_configure_bundle_id " value = " " > {% endif %}

Categories.rain

这将显示类别在任何页面。

< div class = "行" > < ul >{%在商店类别。类别%}<李class = "项{%如果类别。url是活跃活跃%}{% endif %} " > < class = " itemLink{%如果类别。url是活跃活跃%}{% endif %} " href = "{{类别。url | url}} "标题= "{{类别。标题}}" >{{类别。标题}}< / >{% if category.subs %}  {% endif %}  {% endfor %}