一共18篇文章
专题：第2期
-
shopify Dawn10-11主题头部菜单修改成半透明
1、修改Dawn主题设置文件“settings_schema.json” //找到以下代码，在文件13行 { "type": "image_picker", "id": "logo", "label": "t:settings_schema.logo.settings.logo_image…...- 340
- 0
-
shopify调取支付方式图标
1，循环自动调取现有shopify网站支持的（不够灵活） 以下代码添加到 “主题自定义界面 插入liquid代码” 或者“编辑主题代码-插入到需要的区域” {%- for type in shop.enabled_payment_types -%} - type | payment_type_svg_tag - {%- endfor -%} 2、手动插入（按需插入，比较灵…...- 375
- 0
-
shopify购物车Cart添加备注与自定义字段
本教程已Dawn8.0主题为例. 1、主题-自定义-主题设置-Cart 勾选“Enable cart note”购物车备注开启 2、添加自定义字段“主题自定义界面” - “顶...图标”-“Edit code” 进入代码编辑页面 3、“搜索cart”-“main-cart-footer.liquid” 在代码里面搜索“Cart-note”在底部添加代码，添加完成后保存 <div class=…...- 506
- 0
-
shopify Dawn8.0主题头部菜单修改成半透明
1、修改Dawn主题设置文件“settings_schema.json” //找到以下代码，在文件13行 { "type": "image_picker", "id": "logo", "label": "t:settings_schema.logo.settings.logo_image…...- 161
- 0
-
如何在没有应用程序的情况下结账前在 Shopify 购物车上添加优惠券代码
几天前，我的一位客户要求我将输入折扣码添加到购物车页面而不是结账页面，这样他们的客户就可以直接在购物车页面上添加优惠券代码。 PS：可以随时添加它，而不仅仅是在购物车页面上。 我不得不在两种选择之间做出选择，甚至是使用应用商店中的应用程序或自己构建它。我只是讨厌在 Shopify 商店上使用应用程序。所以我决定自己做。 我今天将与您分享如何在您的商店中实现这一目标。实现这一目标的简单步骤。 我会告…...- 224
- 0
-
Shopify输出元字段Metafields的方法
下面列举了三种如何通过liquid语言在店铺前台输出元字段Metafields的方法： 4.1 在liquid中输出Metafield {% assign instructions = product.metafields.instructions %} {% assign key = 'Wash' %} <ul> <li>Wash: instru…...- 238
- 0
-
shopify商品详情页复制优惠券功能
方法一：使用clipboard.js，兼容性好 在theme.liquid文件头部内插入下面的js代码 {%if template.name == "product"%} <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></sc…...- 173
- 0
-
shopify 产品列表页显示-优惠价格，节省金额和优惠百分比
shopify 产品列表页显示-优惠价格，节省金额和优惠百分比 如果优惠金额大于10显示金额，小于10显示百分比 {% assign savings_amount = product.compare_at_price | minus: product.price %} {%- if savings_amount > 1000 -%} product.compare_at_price |…...- 88
- 0
-
shopify产品详情页通过代码实现手机端按钮悬浮显示
在手机端很常见的效果，页面滑到到一定的位置，购物车按钮在底部悬浮显示（详细效果演示请看下面的视频） 如何不使用插件，直接代码实现这种效果呢？我们以shopify默认dawn主题为例（其他主题自行修改相关细节） 方法B-适用于Shopify1.0、2.0所有模板，在代码编辑器插入（按钮代码使用主题自带） 下面是需要用到的相关代码 CSS代码，可以插入到.css文件里面。如果直接插入网页，请插入在&l…...- 439
- 0
-
shopify产品页获取产品所属分类/获取产品tag标签-liquid代码
我们在shopify产品页要自动调取产品所属分类，实现如下图的效果。 如何不通过插件快速简单的实现这个功能呢。只需要在产品页插入下面的liquid代码即可。 <div class="categories"> <style> .categories { margin-top:20px; } </style> Categories: {% for…...- 299
- 0
-
shopify页面模板添加自定义模块
https://wenku.baidu.com/view/3067afcf6194dd88d0d233d4b14e852458fb3989.html?_wkts_=1668075523928...- 338
- 0
-
给shopify setion模块添加自定义选项
给shopify setion模块添加自定义选项 有些需求会需要对 setion模块添加自定义内容，如图片、文本内容。我们以“section-products-grid.liquid”这个产品列表为例。给他添加一个自定义按钮。 1、定义{% schema %}，代码插入{% schema %} {% endschema %} { "type":"text",…...- 87
- 0
