Porto Shopify 主题装修笔记

主题购买

https://themeforest.net/item/porto-ultimate-responsive-shopify-theme/19162959

主题教程

https://portotheme.com/shopify/porto/documentation/

主题支持

https://obest.org/support/

Shopify 安装

1.在themeforest.net中下载主题源文件

在这里插入图片描述
下载后解压文件结构如下图
在这里插入图片描述

2.在Shopify中安装主题

打开shopify后台,选择在线商店→模板→添加模板,选择Theme Files Shopify 2.0文件夹下Porto4.0.zip
在这里插入图片描述

3.选择演示

导入 .zip 文件后,转到当前模板→编辑→编辑代码
在这里插入图片描述
我这边使用的演示模板为demo4,选择Presets Shopify 2.0文件夹demo4文本到settings_data.json,然后保存

4.发布主题

在这里插入图片描述
至此 Porto Shopify 主题安装完毕

Porto Shopify 主题装修

Porto Shopify 很简单,我看了看demo04,仅仅几个页面,点击不同页面,就会出现不要修改内容

1.首页

在这里插入图片描述
不同的块代表不同的区域,找到对应区域修改内容就行
这个理主要解决一下Block Html内容如何修改,Block Html可以是一段HTML,也可以是 shortcode
这里主要使用shortcode
首先先选择Page下的shortcode
在这里插入图片描述
在这里插入图片描述
选择合适的样式,设置内容即可

2.collection页面

collection会自动调用默认样式,这边主要讲解侧边栏的设置,以及产品筛选的设置
首先先新建好网站导航
在这里插入图片描述
在这里插入图片描述

3.产品详情页

活动倒计时:[countdown]2022/12/10 10:30:00[/countdown]
在这里插入图片描述
简短描述(不使用这个会默认调取des内容):

[shortdesc]
Detection gas:Carbon Monoxide(CO gas)
Application:Household CO alarm gas, smart home devices.
Feature:High sensitivity, high resolution, low power consumption, long lifespan Supply UART, analog voltage signal output ways
[/shortdesc]

在这里插入图片描述
额外定义tab:

[additional]WInsen Winsen[/additional]

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cll_869241891

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值