分类目录

文章标签

相关资讯

热门推荐

亚马逊美国站fba费用,按尺寸shopify视频教程

2022-05-10 10:25:02 - 米境通

    

    导航到代码编辑器

    PC:

    在Shopify后台中,转到在线商店>模板。

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

    苹果系统:

    在Shopify应用中,轻触商店。

    在销售渠道部分中,轻触在线商店。

    轻触Managethemes(管理模板)。

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

    安卓系统:

    在Shopify应用中,轻触商店。

    在销售渠道部分中,轻触在线商店。

    轻触Managethemes(管理模板)。

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

    选择以下内容之一,然后创建尺寸图表代码片段

    Sitewide

    Producttype

    Productvendor

    备注:选择“网站宽度”会在具有尺寸选项的所有产品页面上显示尺寸图表。

    创建尺寸图表代码片段

    在Snippets目录中点击添加新片段。

    将代码片段命名为size-chart,然后点击创建代码片段:

    将以下内容复制到您的size-chart代码片段中:

    ×{{pages.size-chart.content}}


    备注:需要针对模板Simple和Minimal的CSS样式执行一些更改。

    如果您使用的是Simple模板,请将从.trigger-pop-up直到上方的内容替换为以下代码:

    .trigger-pop-up{margin:10px010px8px;width:50%;}@mediaonlyscreenand(max-width:749px){.pop-up-content,.size-chart-contenttable{width:100%;}.size-chart-contentth,.size-chart-contenttd{padding:10px;}.trigger-pop-up{width:100%;}}

    如果您要使用Minimal模板,请在结束标记上方添加以下代码:

    @mediaonlyscreenand(min-width:750px){.trigger-pop-up{width:50%;}}

    将尺寸图表代码片段添加到您的theme.liquid中

    在Layout目录中,点击打开您的theme.liquid文件。

    找到结束标记。在结束标记正上方粘贴以下代码:

    {%ifrequest.page_type=='product'%}{%ifproduct.optionscontains'Size'%}{%render'size-chart'%}{%endif%}{%endif%}

    添加尺寸图表按钮

    在Sections目录中,点击打开product-template.liquid文件,如果没有product-template.liquid文件,则点击打开product.liquid文件。

    将以下代码粘贴到添加到购物车按钮上方:

    {%ifproduct.optionscontains'Size'%}SeeSizeChart{%endif%}

    “添加到购物车”按钮的代码通常以
    备注:在Narrative模板中,您需要在Snippets目录中的product-form.liquid文件中插入上述代码。
相关问答:虾皮阿富汗的货代FBA如何重发虾皮货代电放是什么意思店管易erpshopee多店群通途erp追加
上一条:怎么设置亚马逊加拿大站的费用,shopify独立部署
下一条:亚马逊开店费用候鸟浏览器官网,shopify运营教程
关于我们:
东南亚跨境电商shopee erp软件哪个最好用?推荐米境通erp是专业的虾皮电商erp软件,包含:shopee刊登、上货/铺货、采集、数据分析、订单批量管理、云仓、代发货等功能,支持免费试用。详细案例认准米境通品牌。
目录:首页 | 虾皮erp功能 | 虾皮电商物流 | 卖家免费体验 | shopee开店资讯
南京天遥路联网络科技有限公司 版权所有,苏ICP备15044100号-8