已收藏,可在 我的资料库 中查看
关注作者
您可能还需要
独立站
DTC品牌进阶研讨会
立即报名
加入社群
独立站近期活动
雨课
亚马逊官方讲堂
雨课官网
企业内训
亚马逊卖家孵化营近期活动
更多场次
卖家社群
跨境同行交流平台
查看更多
亚马逊社群
招商政策、运营进阶资料、业绩增长交流>
TikTok社群
招商政策、运营进阶资料、业绩增长交流>
独立站社群
招商政策、运营进阶资料、业绩增长交流>
Ozon社群
招商政策、运营进阶资料、业绩增长交流>
Shopee社群
招商政策、运营进阶资料、业绩增长交流>
沃尔玛社群
招商政策、运营进阶资料、业绩增长交流>
跨境同行资源
立即扩充
本地跨境资源
查看更多
深圳卖家社群
同城跨境资源交流,本地活动抢先知>
广州卖家社群
同城跨境资源交流,本地活动抢先知>
杭州卖家社群
同城跨境资源交流,本地活动抢先知>
宁波卖家社群
同城跨境资源交流,本地活动抢先知>
福建卖家社群
同城跨境资源交流,本地活动抢先知>
成都卖家社群
同城跨境资源交流,本地活动抢先知>
跨境同行资源
立即扩充
精品系列活动
查看更多
平台招商活动
平台活动综合社群,get主流平台活动方向>
运营增长活动
多城巡回式分享交流,直连官方解决疑难>
品类系列活动
选品、爆品交流分享,还能参加探厂计划直链源头>
亚马逊系列活动
亚马逊平台动向直击,入门进阶一手扶持>
独立站系列活动
独立站长期布局策略,全面解析新增长路径>
美客多系列活动
多场次、多品类,市场解读&美客多平台政策>
跨境同行资源
立即扩充
雨果X产业带系列
查看更多
时尚品类社群
选品技巧、品类指南、探厂品类源头工厂>
服装内睡社群
选品技巧、品类指南、探厂品类源头工厂>
大件家居社群
选品技巧、品类指南、探厂品类源头工厂>
美妆个护社群
选品技巧、品类指南、探厂品类源头工厂>
家电品类社群
选品技巧、品类指南、探厂品类源头工厂>
其他品类社群
选品技巧、品类指南、探厂品类源头工厂>
跨境同行资源
立即扩充

shopify 二次开发 产品详情页面的开发一(结构布局)

在 使用 shopify 的一些主题过程中,总有不如意的地方,所以就需要我们程序员敲敲代码了,本篇讲的是shopify 产品详情页的开发 之 结构布局,建议同行们在本地开发,本地开发shopify部署可以看 Shopify 配置本地开发教程 最详细详解

shopify 二次开发 产品详情页面的开发一(结构布局)

在 使用 shopify 的一些主题过程中,总有不如意的地方,所以就需要我们程序员敲敲代码了,本篇讲的是shopify 产品详情页的开发 之 结构布局,建议同行们在本地开发,本地开发shopify部署可以看 Shopify 配置本地开发教程 最详细详解

一、结构布局说明

shopify 二次开发 产品详情页面的开发一(结构布局)

二、创建 产品详情页 section

1、在 section 文件夹 下面创建自己的 产品详情页的section,如 boderry-product-template.liquid,一般我们可以给自己创建的文件加上前缀 如我加的前缀是 boderry shopify 二次开发 产品详情页面的开发一(结构布局) 2、在 /templates/product.liquid 修改原先的 section 指向 shopify 二次开发 产品详情页面的开发一(结构布局) 到这里我们就可以编写我们的产品详情页了

三、编写结构代码

代码如图

shopify 二次开发 产品详情页面的开发一(结构布局)

效果

shopify 二次开发 产品详情页面的开发一(结构布局) 对于这基础的结构布局代码编写我就不说了,大伙估计比我还熟悉这布局,对于前端人员来说,我们更重要的是获取数据和利用数据 下一步我们将进入 图片展示区域的开发

(来源:baymax)

以上内容属作者个人观点,不代表雨果跨境立场!本文经原作者授权转载,转载需经原作者授权同意。

(来源:baymax)

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索
雨果跨境顾问
【爆单冲刺】Google爆单冲刺包
雨果跨境谷歌官方顾问

收藏

--

--

分享
baymax
分享不易,关注获取更多干货