-
Shopify速度评分优化从 20分到70分
此方法失效 前言 自己这段时间无聊在家摸索了以段独立站(shopify),然后总结一些经验与看法,这里有一个优化独立站访问速度的方法分享给大家,以及一些心得,一定要看到最后 内容 首选进入https://developers.google.com/speed/pagespeed/insights/输入独立站的域名进项测试 我们的得分为46, 进入shopify后台选择模板,操作…...- serm
- 0
- 1
- 317
-
如何在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
- 377
-
shopify简单免费的货币切换插件
Currency Converter & Switcher 设计师:Webrex Studio Currency Conversion, Currency Switcher, Currency Converter 4.9评分(153评价s) 免费 https://apps.shopify.com/currency-converter-11?locale=zh-CN&search_i…...- serm
- 0
- 0
- 326
-
使用自定义app调用shopify搜索代码
使用自定义app调用shopify搜索代码 apikey和店铺定制替换,修改css即可使用 <style> /* Add your styles here */ #search-results { display: none; } #clear-search { display: none; cursor: pointer; } .show-results { displ…...- serm
- 0
- 0
- 63
-
shopify产品详情页、产品列表页添加亚马逊购买链接
一、添加到产品详情页 1、添加后效果如下 2、添加元字段,后台——设置——Metafields——点击Products选项——添加元字段amazon_link (请参考下图设置,字段命名可以根据自己的喜好来,必须保证插入的元字段名与设置的一致) 3、我们以shopify2.0模板为例,打开“模板”——“自定义”——“选择产品模板”——“在产品详情页需要的地方插入自定义…...- serm
- 0
- 0
- 546
-
shopify liquid判断代码只在首页或者特定页面生效显示
我们在shopify独立站开发过程中,有些模块只想让他在首页或者特定页面显示,怎么在shopify中判断呢。代码如下(“index”修改成其他可实现不同判断) {%if template.name == "index"%} 需要显示在首页的代码,放到这里 {% endif %} //下面的写法也行 {%- if request.page_type == 'index&…...- serm
- 0
- 0
- 205
-
Shopify预测搜索predictive search不能使用问题
Shopify预测搜索predictive search不能使用问题 出现这种情况,请看看你的店铺默认语言,如果你的店铺默认语言是汉语,预测搜索暂时不能使用,请改成英文,shopify最新预测搜索暂时不能支持中文。官方说明 https://shopify.dev/docs/api/ajax/reference/predictive-search#supported-languages...- serm
- 0
- 0
- 61
-
在shopify独立站或网站上通过ip判断显示国家信息和国旗图标
下面是实现的效果显示 下面是代码示例 //从上到下3种不同的代码 <iframe src="https://www.iptrackeronline.com/gadget-ip2country.php?lang=1" width="155" height="60" scrolling="no" marginheig…...- serm
- 0
- 0
- 286
-
自动化Shopify Flow或者React Flow—Workflow Automation-实现用户消费满多少额度给用户加vip标签
自动化-实现用户消费满多少额度给用户加vip标签 可以结合会员插件或者批发插件实现自动化,减少工作量。 可以与Wholesale Pricing Discount插件结合 React Flow—Workflow Automation设置截图 Shopify Flow插件设置截图 ...- serm
- 0
- 0
- 292
-
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
- 515
-
shopify Dawn8.0主题头部菜单修改成半透明
1、修改Dawn主题设置文件“settings_schema.json” //找到以下代码,在文件13行 { "type": "image_picker", "id": "logo", "label": "t:settings_schema.logo.settings.logo_image…...- serm
- 0
- 0
- 166
-
shopify通过代码强行更改模块排序
代码解释: liquid判断此代码只在首页出现 js强制.category-menu显示在.section-slideshow后面 <script> {%if template.name == "index"%} $(".section-slideshow:eq(0)").after($(".category-menu"));…...- serm
- 0
- 0
- 63
-
Shopify 开发手册
Shopify 开发手册 | 豪翔天下 (haofly.net) 后台配置 配置是否需要用户登陆Settings->Checkout ->Customer accounts,如果用户登陆是可选的,那么可以做一个Continue as Guest按钮 Shopify前端开发 shopify的搜索功能无法做更多自定义,但是他们的搜索匹配方式有点奇怪,很多时候不能搜到我们想要的东西,不用去想…...- serm
- 0
- 0
- 199
-
给shopify网站添加一个背景音乐模块,已解决Chrome浏览器、ios safir浏览器不能自动播放的问题
给shopify网站添加一个背景音乐模块,已解决Chrome浏览器、ios safir浏览器不能自动播放的问题 1、在shopify主题代码编辑模式下,在section目录新建一个文件,命令“music.liquid”,插入以下的代码,代码如下 {%- if section.settings.link_text != blank -%} <div class="bg-music&q…...- serm
- 0
- 0
- 208
-
shopify授权员工后店铺无法登录,提示Unable to access XXX
1、最近在shopify后台添加员工账号时,通过邮件授权链接登录后无法访问店铺,提示Unable to access XXX(提示图如下)。尝试了清除cookie、缓存等方法都无法解决。最后与官方客户沟通总算得到答案 Unable to access XXX There was a problem loading this page. Go back to the staff inv…...- serm
- 0
- 0
- 488
-
Upsell & Bundle Products捆绑销售一起买&多件折扣插件
插件地址 https://apps.shopify.com/assortion?locale=zh-CN&search_id=e3f44e0d-d1a9-45ab-b37f-d07e08965ced&surface_detail=Upsell+&surface_inter_position=1&surface_intra_position=8&surface…...- serm
- 0
- 0
- 114
-
Shopify Dawn主题菜单点击(click)下拉更改成悬浮(hover)下拉
步骤 1. 打开你shopify网站的代码编辑模式 2. 打开 header.liquid 文件 (应该位于 sections 文件夹中) 3. 添加一下代码到最底部 {% schema %} {% endschema %} 配置文件之前 <script> let items = document.querySelector(".header__inline-menu&qu…...- serm
- 0
- 0
- 439
-
shopify调取支付方式图标
1,循环自动调取现有shopify网站支持的(不够灵活) 以下代码添加到 “主题自定义界面 插入liquid代码” 或者“编辑主题代码-插入到需要的区域” {%- for type in shop.enabled_payment_types -%} - type | payment_type_svg_tag - {%- endfor -%} 2、手动插入(按需插入,比较灵…...- serm
- 0
- 0
- 378
-
给shopify setion模块添加自定义选项
给shopify setion模块添加自定义选项 有些需求会需要对 setion模块添加自定义内容,如图片、文本内容。我们以“section-products-grid.liquid”这个产品列表为例。给他添加一个自定义按钮。 1、定义{% schema %},代码插入{% schema %} {% endschema %} { "type":"text",…...- serm
- 0
- 0
- 88
-
-
shopify付费主题Color Swatch、Variant image颜色变体、图片变体显示添加新的字段识别
shopify付费主题设置颜色与图片变体一般自动识别自动为“color”“colour”,如何让更多的字段也能被识别显示图片,如下图效果 1、打开主题代码编辑界面(编辑文件en.default.json) 2、添加如下需要识别的字段 原始(Color,Colour)修改后(Color,Colour,颜色,Tray Number,Item,Material,Model)...- serm
- 0
- 0
- 117
-
Shopify如何联系官方在线客服-与客服在线沟通或者微信沟通
打开 https://help.shopify.com/zh-CN 1、滑动网页到最底部,点击这个按钮。 2、选择你要提供帮助的商店 3、选择服务类别主题-根据你的需求选择 4、点击进去后可以看到多种沟通方式 工作时间才可以进行在线沟通哦~ 下面是shopify官方客服微信二维码 ...- serm
- 0
- 0
- 267
-
Shopify短视频插件推荐- Tolstoy Shoppable Video & Quiz
试用了不少shopify短视频插件,整体使用编辑度与整体用户体验比较好的,推荐↓ Tolstoy Shoppable Video & Quiz- 可以上传视频、或者链接导入tiktok/instagram的短视频 如果想试用更多短视频插件,可以搜索响应关键字,如下面截图...- serm
- 0
- 0
- 315
-
Shopify如何添加大菜单(mega menu)大部分主题支持这种方法
一、菜单层级设置 1、进入shopify后台菜单编辑页面 2、添加一个新菜单 3、新建的菜单按住 ...图标移动位置编辑菜单层级(如下三级机构) 二、主题设置部分-大部分付费主题设置方法与下面的方法类似(以下例子主题为empire) 1、进入主题自定义界面 2、添加一个mega menu模块(右边的Mega menu trigger设置的值与菜单对应的菜单文字一致,失败对应的mega…...- serm
- 0
- 0
- 646
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!