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

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

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

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

的免费模板,您可以联系 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跨境专属福利分享群
    扫码进群
    拉美电商交流群
    加入
    拉美电商交流群
    扫码进群
    亚马逊跨境增长交流群
    加入
    亚马逊跨境增长交流群
    扫码进群
    亚马逊跨境增长交流群
    加入
    亚马逊跨境增长交流群
    扫码进群
    拉美电商交流群
    加入
    拉美电商交流群
    扫码进群
    ESG独家招商-PHH GROUP卖家交流群
    加入
    ESG独家招商-PHH GROUP卖家交流群
    扫码进群
    《韩国平台运营干货包》
    《波兰allegro知识百科》
    《Darty知识百科》
    《法国Fnac知识百科》
    《PEAKS 出海经营方法论白皮书》
    2025跨境电商营销日历
    《2024年全球消费趋势白皮书——美国篇》
    《2024TikTok出海达人营销白皮书》
    《Coupang自注册指南》
    《eMAG知识百科》
    通过ESG入驻平台,您将解锁
    绿色通道,更高的入驻成功率
    专业1v1客户经理服务
    运营实操指导
    运营提效资源福利
    平台官方专属优惠

    立即登记,定期获得更多资讯

    订阅
    联系顾问

    平台顾问

    平台顾问 平台顾问

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

    icon icon

    小程序

    微信小程序

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

    icon icon

    返回顶部

    【免费领取】全球跨境电商运营干货 关闭
    进行中
    进行中
    《韩国平台运营干货包》
    包含四个韩国干货报告:Coupang自注册指南、GMK站内推广指南、韩国大促热销品详细预测、韩国节日营销全攻略
    免费领取
    进行中
    进行中
    TikTok运营必备干货包
    包含8个TikTok最新运营指南(市场趋势、运营手册、节日攻略等),官方出品,专业全面!
    免费领取
    进行中
    进行中
    韩国电商节日营销指南
    10+韩国电商重要营销节点详细解读;全年度各节日热度选品助力引爆订单增长;8大节日营销技巧轻松撬动大促流量密码。
    免费领取
    进行中
    进行中
    【平台干货】eMAG知识百科
    涵盖从开店到大卖6个板块:开店、运营、广告、选品、上架、物流
    免费领取
    进行中
    进行中
    全球平台详解——全球合集
    涵括全球100+个电商平台的核心信息,包括平台精炼简介、竞争优势、热销品类、入驻要求以及入驻须知等关键内容。
    立即领取
    进行中
    进行中
    韩国coupang平台自注册指南
    韩国Coupang电商平台从注册准备、提交申请到完成注册,开店全流程详细指引。
    免费领取
    进行中
    进行中
    2025跨境电商营销日历
    包括传统中、外重要节日及重点电商营销节点还对营销关键市场、选品辅以说明,让你的365天安排的明明白白!
    免费领取
    进行中
    进行中
    全球平台详解——欧洲篇
    涵盖20+欧洲电商平台,详细解读优势、入驻条件、热销品等
    立即领取
    进行中
    进行中
    【Fnac Darty直播】夏促爆单指南
    1.夏季法国本土消费趋势解析;2.促销旺季来临,选品、备货、活动等筹备指南;3.案例: 单月狂揽66万欧,中国卖家如何把握平台红利
    立即报名