最新文章
-
使用自定义app调用shopify搜索代码 apikey和店铺定制替换，修改css即可使用 <style> /* Add your styles here */ #search-results { display: none; } #clear-search { display: none; cursor: pointer; } .show-results { displ…
-
客户shopify网站手机壳比较丰富，一个手机壳有很多个变体。 现在是通过菜单就行分类，当用户通过菜单进入分类后列出的产品变体默认是这个产品第一个变体。 客户点进产品详情页后还需要重新选择变体，操作比较不方便。 这里我们结合筛选与菜单名字自动筛选出对应的变体，客户进入产品页后自动选中对应的变体，大大提搞了效率，提升用体验 这里是代码记录参考,代码大概解释。获取当前分类的名字、筛选项目…
-
shopify筛选选项添加图标，为了让产品筛选更加美观与直观，以下为我们开发的效果，这里做一下开发记录（这里开发主题为Broadcast，不同主题细节会有区别，大体思路是这样，根据需求修改细节即可） 1、安装Search & Discovery插件，并且根据需要建立好筛选项目 2、为了让每一个选项布局与样式不同，增加可用性。在筛选liquid文件中加入代码 <div class=&q…
-
Shopify预测搜索predictive search不能使用问题 出现这种情况，请看看你的店铺默认语言，如果你的店铺默认语言是汉语，预测搜索暂时不能使用，请改成英文，shopify最新预测搜索暂时不能支持中文。官方说明 https://shopify.dev/docs/api/ajax/reference/predictive-search#supported-languages
-
shopify网站前台不显示登录入口链接与登录图标，一般是shopify后台用户登录入口没有打开。打开操作如下 1、登录shopify后台-点击左下角设置图标打开设置。客户账号做如下配置 如果网站上还是不显示 登录链接与图标，请在主题自定义里面检查主题配置
-
打开 https://help.shopify.com/zh-CN 1、滑动网页到最底部，点击这个按钮。 2、选择你要提供帮助的商店 3、选择服务类别主题-根据你的需求选择 4、点击进去后可以看到多种沟通方式 工作时间才可以进行在线沟通哦~ 下面是shopify官方客服微信二维码
-
APP商店搜索“swatch”一般是变体插件。搜索“option”一般是产品选项插件（可以额外设置变体的价格，可以对应多个产品），部分插件是2种功能都有 推荐插件-GLO Color Swatch,Variant Image 设置 简单易于上手，存粹的变体图片设置插件，不同于其他变体插件还有额外的设置插件自己的变体选项的功能，此插件就是存粹的把你需要的变体按钮变成图片或者颜色选择器 设置截图
-
免费版可以在店铺之间克隆复制，产品、分类、页面、blog、客服等数据，一键操作不需要导出文件 如果需要体验跟多克隆插件 APP商城搜索关键字"clone"
-
试用了不少shopify短视频插件，整体使用编辑度与整体用户体验比较好的，推荐↓ Tolstoy Shoppable Video & Quiz- 可以上传视频、或者链接导入tiktok/instagram的短视频 如果想试用更多短视频插件，可以搜索响应关键字，如下面截图
-
以下是设置变体图像分组的分步说明。 1. 从您的 Shopify 后台，转到Online Store -> Themes 。 2. 找到您要编辑的主题，然后单击“自定义” 。 3. 在编辑器窗口的下拉列表中选择默认产品模板以打开产品页面的主题编辑器。 4. 从产品信息 ->单击添加块-> 选择变体选择器。 6. 选择显示分组的变体图像？启用变体图像分组功能。 7. 在管理中 -&…
-
运费规则设置说明 1、设置-Shipping and delivery-Manage 2、创建一个新运输区域（Shipping zone）的运费规则 (1)新建一个运输区域（Shipping zone） （2）输入地区（可以根据你的需求选择一个或者多个国家地区） （3）如果国家地区不能选中，则说明此国家地区已经在其他shipping zone里面，如下方法编辑大区，取消特定国家勾选然…
-
进去shopify后台 产品 ——分类 在分类编辑页面，排序方式选择如图所示，然后按住“6个点”图标就可以拖动排序了。
-
替换你的号码与文本信息即可，一个 %20 表示一个空格 https://wa.me/+8618688888888/?text=Hello!%20My%20name%20is%20tom
-
一、tailwind Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。 主要特性： 组件化 体积小，性能高 响应式 传送门：tailwindcss.com/ 二、Tachyons Tachyons具备了当前流行的css框架的优点，无需自己编…
-
https://www.runoob.com/cssref/css3-pr-mediaquery.html 实例 如果文档宽度小于 300 像素则修改背景颜色(background-color): @media screen and (max-width: 300px) { body { background-color:lightblue; } } 尝试一下 » 定义和使用 使用 @me…
-
我们有时候在联系我们或者blog页面，需要添加一个链接，点击后启用shopify inbox聊天窗口，那么我们如何实现这个小功能呢。方法如下。 方法1 推荐 <a href="#!" id="custom-live-chat">Live chat with us</a> <script> document.getEleme…
-
步骤 1. 打开你shopify网站的代码编辑模式 2. 打开 header.liquid 文件 （应该位于 sections 文件夹中) 3. 添加一下代码到最底部 {% schema %} {% endschema %} 配置文件之前 <script> let items = document.querySelector(".header__inline-menu&qu…
-
给shopify网站添加一个背景音乐模块，已解决Chrome浏览器、ios safir浏览器不能自动播放的问题 1、在shopify主题代码编辑模式下，在section目录新建一个文件，命令“music.liquid”，插入以下的代码，代码如下 {%- if section.settings.link_text != blank -%} <div class="bg-music&q…
-
使用自定义app调用shopify搜索代码 apikey和店铺定制替换，修改css即可使用 <style> /* Add your styles here */ #search-results { display: none; } #clear-search { display: none; cursor: pointer; } .show-results { displ…
-
客户shopify网站手机壳比较丰富，一个手机壳有很多个变体。 现在是通过菜单就行分类，当用户通过菜单进入分类后列出的产品变体默认是这个产品第一个变体。 客户点进产品详情页后还需要重新选择变体，操作比较不方便。 这里我们结合筛选与菜单名字自动筛选出对应的变体，客户进入产品页后自动选中对应的变体，大大提搞了效率，提升用体验 这里是代码记录参考,代码大概解释。获取当前分类的名字、筛选项目…
-
shopify筛选选项添加图标，为了让产品筛选更加美观与直观，以下为我们开发的效果，这里做一下开发记录（这里开发主题为Broadcast，不同主题细节会有区别，大体思路是这样，根据需求修改细节即可） 1、安装Search & Discovery插件，并且根据需要建立好筛选项目 2、为了让每一个选项布局与样式不同，增加可用性。在筛选liquid文件中加入代码 <div class=&q…
-
使用自定义app调用shopify搜索代码 apikey和店铺定制替换，修改css即可使用 <style> /* Add your styles here */ #search-results { display: none; } #clear-search { display: none; cursor: pointer; } .show-results { displ…
-
Shopify预测搜索predictive search不能使用问题 出现这种情况，请看看你的店铺默认语言，如果你的店铺默认语言是汉语，预测搜索暂时不能使用，请改成英文，shopify最新预测搜索暂时不能支持中文。官方说明 https://shopify.dev/docs/api/ajax/reference/predictive-search#supported-languages
-
客户shopify网站手机壳比较丰富，一个手机壳有很多个变体。 现在是通过菜单就行分类，当用户通过菜单进入分类后列出的产品变体默认是这个产品第一个变体。 客户点进产品详情页后还需要重新选择变体，操作比较不方便。 这里我们结合筛选与菜单名字自动筛选出对应的变体，客户进入产品页后自动选中对应的变体，大大提搞了效率，提升用体验 这里是代码记录参考,代码大概解释。获取当前分类的名字、筛选项目…
-
这篇文章是完整的 Shopify 优化指南，分为多个部分，并带有指向详细指南和案例研究的链接。我与Shopify 优化专家Speed Boostr的开发人员合作编写了这篇文章。 我拥有多年优化 Shopify 网站、深入研究技术细节、进行案例研究、在论坛中讨论以及与开发人员交易策略的第一手经验。 我的目标是帮助您使您的 Shopify 网站更快、更成功✊ 如果您想让专业人士优化您的网站，我推荐 S…
-
Javascript 性能和网站速度是每个人都关心的事情。你的老板、你的客户，每个人都会要求你让他们的在线商店更快。 作为一名工程师，您将承担这项任务，但经常会发现自己陷入代码混乱之中。事实上，网站速度没有灵丹妙药。你尝试的每件事都只会给你带来一瞬间的进步。找到那个大的改进就像寻宝一样。 有许多资源可以帮助您找到解决方案，但每个电子商务平台都有其挑战。在本文中，我想提出一种固执己见的方法来处理…
-
我们可以向我们的网站添加更多功能，并拥有比以往更多的工具和技术。然而，不利的一面是，我们的选择可能会显着降低我们网站的速度，这让客户感到非常沮丧（在2018 年的一项调查中，80% 的用户表示加载缓慢的网站比暂时关闭的网站更令人沮丧）。当网站在缓慢的网络条件下或低端设备上变得无法访问或无响应时，它甚至可以完全排除潜在客户。 Web 性能优化的业务影响有据可查。例如，时尚零售商 Missguided…
