-
Shopify短视频插件推荐- Tolstoy Shoppable Video & Quiz
试用了不少shopify短视频插件,整体使用编辑度与整体用户体验比较好的,推荐↓ Tolstoy Shoppable Video & Quiz- 可以上传视频、或者链接导入tiktok/instagram的短视频 如果想试用更多短视频插件,可以搜索响应关键字,如下面截图... serm- 0
- 0
- 508
-
CSS3 @media 查询
https://www.runoob.com/cssref/css3-pr-mediaquery.html 实例 如果文档宽度小于 300 像素则修改背景颜色(background-color): @media screen and (max-width: 300px) { body { background-color:lightblue; } } 尝试一下 » 定义和使用 使用 @me…... serm- 0
- 0
- 83
-
10个好用的的css框架
一、tailwind Tailwind CSS 是一个功能类优先的 CSS 框架,它集成了诸如flex, pt-4, text-center 和 rotate-90 这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。 主要特性: 组件化 体积小,性能高 响应式 传送门:tailwindcss.com/ 二、Tachyons Tachyons具备了当前流行的css框架的优点,无需自己编…... serm- 0
- 0
- 135
-
小教程-shopify邮费设置
运费规则设置说明 1、设置-Shipping and delivery-Manage 2、创建一个新运输区域(Shipping zone)的运费规则 (1)新建一个运输区域(Shipping zone) (2)输入地区(可以根据你的需求选择一个或者多个国家地区) (3)如果国家地区不能选中,则说明此国家地区已经在其他shipping zone里面,如下方法编辑大区,取消特定国家勾选然…... serm- 0
- 0
- 235
-
shopify购物车Cart添加备注与自定义字段
本教程已Dawn8.0主题为例. 1、主题-自定义-主题设置-Cart 勾选“Enable cart note”购物车备注开启 2、添加自定义字段“主题自定义界面” - “顶...图标”-“Edit code” 进入代码编辑页面 3、“搜索cart”-“main-cart-footer.liquid” 在代码里面搜索“Cart-note”在底部添加代码,添加完成后保存 <div class=…... serm- 0
- 0
- 724
-
自动化Shopify Flow或者React Flow—Workflow Automation-实现用户消费满多少额度给用户加vip标签
自动化-实现用户消费满多少额度给用户加vip标签 可以结合会员插件或者批发插件实现自动化,减少工作量。 可以与Wholesale Pricing Discount插件结合 React Flow—Workflow Automation设置截图 Shopify Flow插件设置截图 ... serm- 0
- 0
- 445
-
shopify liquid判断代码只在首页或者特定页面生效显示
我们在shopify独立站开发过程中,有些模块只想让他在首页或者特定页面显示,怎么在shopify中判断呢。代码如下(“index”修改成其他可实现不同判断) {%if template.name == "index"%} 需要显示在首页的代码,放到这里 {% endif %} //下面的写法也行 {%- if request.page_type == 'index&…... serm- 0
- 0
- 266
-
-
小教程-shopify分类(Collections)如何手动排序产品
进去shopify后台 产品 ——分类 在分类编辑页面,排序方式选择如图所示,然后按住“6个点”图标就可以拖动排序了。... serm- 0
- 0
- 325
-
shopify积分奖励计划插件推荐
LOYALTY, REWARDS & REFERRALS 设计师:SealApps LOLOYAL : REWARD, REFERRAL, POINT, VIP, WISH - LOYALTY PROGRAM 价格:免费 https://apps.shopify.com/boom-1?locale=zh-CN&search_id=cb35df9b-9ac3-40ae-9a60-5e…... serm- 0
- 0
- 783
-
shopify产品详情页通过代码实现手机端按钮悬浮显示
在手机端很常见的效果,页面滑到到一定的位置,购物车按钮在底部悬浮显示(详细效果演示请看下面的视频) 如何不使用插件,直接代码实现这种效果呢?我们以shopify默认dawn主题为例(其他主题自行修改相关细节) 方法B-适用于Shopify1.0、2.0所有模板,在代码编辑器插入(按钮代码使用主题自带) 下面是需要用到的相关代码 CSS代码,可以插入到.css文件里面。如果直接插入网页,请插入在&l…... serm- 0
- 0
- 650
-
Shopify输出元字段Metafields的方法
下面列举了三种如何通过liquid语言在店铺前台输出元字段Metafields的方法: 4.1 在liquid中输出Metafield {% assign instructions = product.metafields.instructions %} {% assign key = 'Wash' %} <ul> <li>Wash: instru…... serm- 0
- 0
- 350
-
shopify批发折扣插件推荐Wholesale Pricing Discount
Wholesale Pricing Discount 设计师:Wholesale Helper Wholesale B2B pricing, quantity discounts, coupon, & shipping! 4.8评分(363评价s) 21 天免费试用 https://apps.shopify.com/wholesale-pricing-discount?locale=zh-…... serm- 0
- 0
- 451
-
Shopify登录后显示产品价格或登录后显示特殊信息
Shopify在2B情况下,经常会需要隐藏价格,在用户登录后才显示价格。一般这种需求比较多的是使用插件。但是插件可能有限制或者需要付费。 其实可以通过修改liquid代码的方式实现这个功能,代码示例如下 {% if customer %} {% comment %}下面是登录后显示的代码{% endcomment %} 这里是登录后显示的代码...... {% else %} {% comment…... serm- 0
- 0
- 427
-
手风琴折叠菜单思路shopify liquid
{%- for link in section.settings.menu.links -%} <accordion-disclosure class="accordion"> {% assign link_title_downcase = link.title | downcase %} {% assign page_title_downcase = collec…... serm- 0
- 0
- 17
-
Shopify 开发手册
Shopify 开发手册 | 豪翔天下 (haofly.net) 后台配置 配置是否需要用户登陆Settings->Checkout ->Customer accounts,如果用户登陆是可选的,那么可以做一个Continue as Guest按钮 Shopify前端开发 shopify的搜索功能无法做更多自定义,但是他们的搜索匹配方式有点奇怪,很多时候不能搜到我们想要的东西,不用去想…... serm- 0
- 0
- 318
-
Shopify注册时添加字段,收集额外的客户信息
Shopify注册时收集添加字段,收集额外的客户信息 shopify注册模板名字一般是“register.liquid” 请找到这个模板并且编辑,下面是额外字段的例子,额外的字段命名示例 name="customer[note][字段名]",额外的字段本质上是备注,所以前面都是customer[note] 。html请根据自己的主题进行调整 <div class=&quo…... serm- 0
- 0
- 286
-
如何在liquid使用 Shopify 优惠券代码 URL
如何在liquid使用 Shopify 优惠券代码 URL Shopify 优惠券代码 URL 如下所示: {% shopify_automation_coupon_url domain:wishpond.myshopify.com coupon_code:CODE redirect_path:/checkout %} 它包含3个重要元素: 域(在上例中显示为domain:wishpond.mys…... serm- 0
- 1
- 590
-
shopify liquid语言之for循环小技巧(判断是否是第一个元素)
shopify liquid语言之for循环小技巧(判断是否是第一个元素) forloop.first 这段代码表示循环里面的第一个 {% comment %}以下for循环大概意思,菜单循环,如果是第一个则输出 open{% endcomment %} {% for link in menu.links %} {% if forloop.first %} open {% endif %} {…... serm- 0
- 0
- 179
-
导入WooCommerce数据到Shopify-Import WooCommerce to Shopify
导入WooCommerce数据到Shopify 插件后台搜索Import WooCommerce to Shopify并且安装 设置截图如下“设置数据对应复制” 1、wordpress插件设置截图 2、shopify 自定义APP设置 自定义app设置方法请看以前的文章 https://www.shopupup.com/874.html... serm- 0
- 0
- 231
-
导入shopify产品与订单数据到woocommerce-s2w import shopify to woocommerce插件使用方法
1、设置-应用与销售渠道-为您的商店开发应用 2、创建一个自定义APP,APP名字根据自己的喜欢填写 3、配置API访问范围,“后台API集成”全部勾选上。然后保存 3.1、店面API集成,全部勾选上。然后保存 4、安装应用 [erphpdown] 5、安装后获取APP访问令牌,记得复制保存好(此令牌只显示一次)。…... serm- 0
- 0
- 322
-
Shopify swatch变体插件自定义显示变体图片-( GLO Color Swatch,Variant Image)
APP商店搜索“swatch”一般是变体插件。搜索“option”一般是产品选项插件(可以额外设置变体的价格,可以对应多个产品),部分插件是2种功能都有 推荐插件-GLO Color Swatch,Variant Image 设置 简单易于上手,存粹的变体图片设置插件,不同于其他变体插件还有额外的设置插件自己的变体选项的功能,此插件就是存粹的把你需要的变体按钮变成图片或者颜色选择器 设置截图... serm- 0
- 0
- 519
-
Shopify主题菜单内显示图片
部分网站有需要再菜单列表前显示图标,如下 如何实现 1、菜单内添加图片html 2、如果不能正常显示,则需要修改代码(删除输出菜单文字,如 childlink.title | escape 改成 childlink.title 。| escape会把html代码转成文字显示)... serm- 0
- 0
- 337