shopify二次开发 产品详情页面的开发一（结构布局）
本人 兼职 shopify、店匠二次开发、仿站、定制等开发服务，有需要的可以加我微信 abc939039210，备注 shopify
摘要
在 使用 shopify 的一些主题过程中，总有不如意的地方，所以就需要我们程序员敲敲代码了，本篇讲的是shopify 产品详情页的开发 之 结构布局，建议同行们在本地开发，本地开发shopify部署可以看 Shopify 配置本地开发教程 最详细详解
一、结构布局说明
二、创建 产品详情页 section
1、在 section 文件夹 下面创建自己的 产品详情页的section，如 boderry-product-template.liquid,一般我们可以给自己创建的文件加上前缀 如我加的前缀是 boderry
2、在 /templates/product.liquid 修改原先的 section 指向
到这里我们就可以编写我们的产品详情页了
三、编写结构代码
代码如图
效果
对于这基础的结构布局代码编写我就不说了，大伙估计比我还熟悉这布局，对于前端人员来说，我们更重要的是获取数据和利用数据
下一步我们将进入 图片展示区域的开发
shopify二次开发 产品详情页面的开发一（结构布局）相关推荐
- 06-蘑菇街产品详情页面
06-蘑菇街产品详情页面 目录 01-蘑菇街爬虫准备工作1 02-蘑菇街爬虫mw-sign参数破解 03-蘑菇街爬虫概述 04-蘑菇街爬虫:店铺搜索页面 05-获取店铺内的所有产品基本信息 一.url ...
- 如何进行织梦产品详情页面仿制
已经新建好产品详情页面模版cparticle.htm,复制下载文件中单个产品的代码到现有模版文件,进行织梦标签替换修改. 可以参考下文章详情页模版article_article.htm,页面标题.描述 ...
- 前端开发-后台信息管理页面的开发流程
前端开发-后台信息管理页面的开发流程 1.项目开发流程 1.1.添加路由 1.2.设置页面跳转路径 1.3.在api文件夹中创建js文件,定义接口路径 1.4.在页面中引入js文件,使用axios进行 ...
- 【Ruby on Rails全栈课程】4.3 评论功能实现（二）--创建帖子详情页面
1.完善样式,用来显示帖子详情以及评论信息等,编辑app/assets/stylesheets/posts.scss文件,在原有代码下面添加代码: .head {font-size: 18px;fon ...
- 混合开发与移动端--H5混合开发、H5页面的开发布局、开发注意事项、H5与原生（安卓）交互、webpack打包优化解决方案、H5调试工具、webview
H5混合开发 混合开发.原生开发.H5开发的区别: 简述:主流APP:原生APP.H5(webapp).混合APP,相对应的定制研发即原生开发.H5开发.混合开发 原生APP开发优缺点: 可以访问手机 ...
- 《React后台管理系统实战：五》产品管理（二）：产品添加页面及验证等、富文本编辑器、提交商品
一.产品添加基础部分 1 home.jsx点添加按钮动作跳转到添加商品页 点击:onClick={() => this.props.history.push('/product/add-upda ...
- 电商API按图搜索产品（拍立淘），app产品详情原数据，sku详细信息，分类详情，产品详情页面详情
一.电商API主要功能: 1.API可输出JSON.XML等格式,能够供PHP.JSP等编程语言调用 ;实现如开放平台:taobao.items.get 和taobao.items.search等功能 ...
- 十二、Vue项目 - 详情页动态路由、banner布局和公用图片画廊组件拆分
我是一个小菜鸡啊小菜鸡,但是小菜鸡要继续学新东西啊,新的一周加油吧!!! 文章目录 配置动态路由 banner.vue 公用图片画廊组件拆分 src下新建common文件夹 banner.vue中使用 ...
- 微信小程序点击商品跳转商品详情页面的方法
最近在学习微信小程序电商类开发的时候遇到了一个问题.自己写好的json AIP 接口 想通过点击相同的图片跳转到商品详情页面 无法实现,几经周折后想到了 navigator 通过页面传参取json数据 ...
最新文章
- Mysql与Oracle区别
- 特征工程包含那些步骤？如何进行特征的迭代？
- 独家 | 手把手教你处理数据中的缺失值
- 【控制】《多智能体机器人系统信息融合与协调》范波老师-第7章-基于 Markov 对策的多 Agent 协调
- 记一次php手工注入(mysql)
- IntelliJ IDEA 使用随笔
- Blazor University （4）组件 — 单向绑定
- 前端学习（2340）：以组件方式考虑ui
- 多数据源报表解析之简单多源报表
- aud删除 oracle_Oracle 11g如何清理数据库的历史日志详解
- 滤波器: 滤波器设计软件
- 通信网络基本概念一览
- 给红米Note3高配版手机刷入Linux系统postmarketOS
- 合肥工业大学机器人技术实验五十六题
- 黑马程序员武汉2019新版前端与移动开发学习路线图（视频+工具+书籍+资源）
- 【CreateEvent与SetEvent/ResetEvent】
- 开源自助BI工具，傻瓜式BI分析，支持多种数据源
- Linux命令行初体验
- Hadoop集群中添加Snappy解压缩库
- [喵咪大数据]Hive2搭建和基本操作