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

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

一、结构布局说明

二、创建 产品详情页 section

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

三、编写结构代码

代码如图

效果

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

（来源：baymax）

以上内容属作者个人观点，不代表LEKSHOP立场！本文经原作者授权转载，转载需经原作者授权同意。

（来源：baymax）

相关推荐: 俄罗斯速卖通将下线“晚必赔”服务

厦门商城系统开发(网经社讯)1月25日，北京时间2022年1月24日至26日，速卖通平台针对俄罗斯市场的“晚必赔”服务计划陆续下线。 据悉，北京时间2022年1月24日至25日，快递下线买卖双方商品打标。对于卖方来说，主要影响是线下商品打标查询页面“店铺-俄罗…