shopify在页面上突出展示产品系列的子集步骤-ESG跨境

shopify在页面上突出展示产品系列的子集步骤

shopify新闻
shopify新闻
2022-03-28
点赞icon 0
查看icon 813

在页面上突出展示产品系列的子集

的免费模板,您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。若要了解详情,请参阅 Support for themes

中,转到 > 模板

  • 找到您要编辑的模板,然后点击操作 > 编辑代码

  • 在 Templates 目录中,点击添加新模板

  • 为名为 list-collections 的页面创建新模板。

  • 提示:Supply 模板附带一个预先构建的可用 page.list-collections 文件。

    1. 删除新 page.list-collections 文件中的现有代码。找到下方的模板代码,复制该代码并将其粘贴到您的 page.list-collections 文件中。

    2. 点击保存

    选择您的模板

    此自定义设置的代码因您的模板而异。点击模板的对应按钮,然后将代码复制并粘贴到您的 page.list-collections 文件中:

    • Boundless

    • Brooklyn

    • Debut

    • Minimal

    • Narrative

    • Simple

    • Venture

    Boundless 的代码

    1. 复制代码。

    liquid {% comment %}  Featuring collections on a page using a menu  https://shopify-dev.com/tutorials/feature-a-subset-of-collections-on-a-page {% endcomment %} {%- assign grid_item_width = 'small--one-half medium--one-third large-up--one-quarter' -%} {%- case linklists[page.handle].links.size -%} {%- when 2 -%}  {%- assign grid_item_width = 'medium-up--one-half' -%} {%- when 3 -%}  {%- assign grid_item_width = 'small--one-half medium-up--one-third' %} {%- else -%}  {%- assign grid_item_width = 'small--one-half medium--one-third large-up--one-quarter' %} {%- endcase -%} <div >   <header>     <h1>{{ page.title }}</h1>   </header>   <div >     {{ page.content }}   </div>   <div >     {%- for link in linklists[page.handle].links -%}       {%- if link.type == 'collection_link' -%}         {%- assign featured = link.object.handle -%}         {%- include 'collection-grid-item', collection: collections[featured] -%}       {%- endif -%}     {%- endfor -%}   </div> </div>
    1. 将代码粘贴到 page.list-collections 文件中。

    Feature a subset of collections on a page

    below and copy and paste the code in your page.list-collections file.

  • Click Save.

  • Select your theme

    The code for this customization varies depending on your theme. Click the button for your theme before copying and pasting it into your .list-collections file:

    • Boundless

    • Brooklyn

    • Debut

    • Minimal

    • Narrative

    • Simple

    • Venture

    Code for Boundless

    1. Copy the code.

    liquid {% comment %}  Featuring collections on a page using a menu  https://shopify-dev.com/tutorials/feature-a-subset-of-collections-on-a-page {% endcomment %} {%- assign grid_item_width = 'small--one-half medium--one-third large-up--one-quarter' -%} {%- case linklists[page.handle].links.size -%} {%- when 2 -%}  {%- assign grid_item_width = 'medium-up--one-half' -%} {%- when 3 -%}  {%- assign grid_item_width = 'small--one-half medium-up--one-third' %} {%- else -%}  {%- assign grid_item_width = 'small--one-half medium--one-third large-up--one-quarter' %} {%- endcase -%} <div >   <header>     <h1>{{ page.title }}</h1>   </header>   <div >     {{ page.content }}   </div>   <div >     {%- for link in linklists[page.handle].links -%}       {%- if link.type == 'collection_link' -%}         {%- assign featured = link.object.handle -%}         {%- include 'collection-grid-item', collection: collections[featured] -%}       {%- endif -%}     {%- endfor -%}   </div> </div>
    1. Paste the code into the page.list-collections file.



    特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。

    搜索 放大镜
    韩国平台交流群
    加入
    韩国平台交流群
    扫码进群
    欧洲多平台交流群
    加入
    欧洲多平台交流群
    扫码进群
    美国卖家交流群
    加入
    美国卖家交流群
    扫码进群
    ESG跨境专属福利分享群
    加入
    ESG跨境专属福利分享群
    扫码进群
    拉美电商交流群
    加入
    拉美电商交流群
    扫码进群
    亚马逊跨境增长交流群
    加入
    亚马逊跨境增长交流群
    扫码进群
    《开店大全-全球合集》
    《开店大全-主流平台篇》
    《开店大全-东南亚篇》
    《CD平台自注册指南》
    《开店大全-俄罗斯篇》
    《韩国站内推广指南》
    《韩国热销品预测》
    《开店大全-日韩篇》
    《开店大全-拉美篇》
    《开店大全-欧洲篇》
    通过ESG入驻平台,您将解锁
    绿色通道,更高的入驻成功率
    专业1v1客户经理服务
    运营实操指导
    运营提效资源福利
    平台官方专属优惠
    联系顾问

    平台顾问

    平台顾问 平台顾问

    微信扫一扫
    马上联系在线顾问

    icon icon

    小程序

    微信小程序

    ESG跨境小程序
    手机入驻更便捷

    icon icon

    返回顶部