查看: 1985|回复: 9

修改Shopify网站菜单外部链接在新窗口中打开

[复制链接]

73

主题

491

帖子

1649

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1649
QQ
发表于 2018-1-15 14:30:51 | 显示全部楼层 |阅读模式
有时候我们需要在网站的菜单栏里面添加一些外部链接地址,如17Track网站,aftership网站等等。但是shopify的菜单栏默认都是在当前窗口中打开的。用户体验不是那么的好。要改成在新窗口中打开链接地址,需要修改下面的文件:

登录Shopify网站后台,在Online Store > Themes > Actions > Edit Code 找到 Assets文件夹
在该文件夹下找到并且打开以下任意一个文件:
theme.js
theme.js.liquid
custom.js

将以下代码粘贴到文件的末尾,然后点击Save按钮保存文件,就可以了

  1. $(document).ready( function() {
  2. jQuery('a[href^="http"]').not('a[href^="'+$(location).attr('hostname')+'"]').attr('target', '_blank');
  3. });
复制代码


回复

使用道具 举报

0

主题

8

帖子

20

积分

新手上路

Rank: 1

积分
20
发表于 2018-3-21 15:56:05 | 显示全部楼层
挺细心的楼主
回复 支持 反对

使用道具 举报

3

主题

13

帖子

125

积分

注册会员

Rank: 2

积分
125
发表于 2018-3-28 15:22:03 | 显示全部楼层
非常有用,感谢分享!
回复 支持 反对

使用道具 举报

2

主题

48

帖子

109

积分

注册会员

Rank: 2

积分
109
发表于 2018-3-28 19:13:02 | 显示全部楼层
又一个细节呀,今天一天在楼主的贴子中学到的是满满的干货  业内良心啊
回复 支持 反对

使用道具 举报

18

主题

59

帖子

325

积分

中级会员

Rank: 3Rank: 3

积分
325
发表于 2018-4-14 09:45:35 | 显示全部楼层
我的主题代码里面找不到这几个文件啊
theme.js
theme.js.liquid
custom.js
怎么办
回复 支持 反对

使用道具 举报

1

主题

29

帖子

112

积分

注册会员

Rank: 2

积分
112
发表于 2018-5-11 10:15:08 | 显示全部楼层
这个挺实用!
回复 支持 反对

使用道具 举报

1

主题

43

帖子

125

积分

注册会员

Rank: 2

积分
125
发表于 2018-5-31 22:01:38 | 显示全部楼层
挺实用,学习了。
回复 支持 反对

使用道具 举报

1

主题

385

帖子

824

积分

高级会员

Rank: 4

积分
824
发表于 2018-9-10 11:12:35 | 显示全部楼层
外贸小2货 发表于 2018-4-14 09:45
我的主题代码里面找不到这几个文件啊
theme.js
theme.js.liquid

最后找到了吗?
回复 支持 反对

使用道具 举报

2

主题

31

帖子

98

积分

注册会员

Rank: 2

积分
98
发表于 2018-9-10 16:14:11 | 显示全部楼层
这个挺试用的,不错不错
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门推荐

Shopify联系我们页面的表单如何设置
Shopify联系我们页面的表
最近群里有几个朋友问到了这个同样的问题,如下图所示,联系我们的页面表单是怎么做出
提高转化率的一个小提示
提高转化率的一个小提示
最近测试,在Checkout按钮下面添加了一次些促销信息,转化率稍稍有些提升,但是因为数
如何查看一个Shopify网站的某个功能使用的是什么插件
如何查看一个Shopify网站
之前有一篇文章已经介绍过,使用Commerce Inspector的Chrome插件可以查看到一个Shopif
Commerce Inspector - 快速查询Shopify网站使用的主题和插件
Commerce Inspector - 快
Commerce Inspector是一款可以帮你快速了解你的竞争对手的Shopify网站的一些数据的的
购物按钮下的 购物安全保证图片 怎么添加
购物按钮下的 购物安全保
购物按钮下的 购物安全保证图片 怎么添加
论坛重新开启用户注册功能
论坛重新开启用户注册功能
论坛注册流程 第1步,获取论坛注册的邀请链接搜索微信公众号“WaimaoB2C”或者扫码关
请教如何去掉网站底部的powered by shopify 字句
请教如何去掉网站底部的po
请教如何去掉网站底部的powered by shopify 字句

Archiver|手机版|小黑屋|

  • Copyright   ©2015-2016  Shopify论坛 | WaimaoB2C.cn   Powered by©Discuz!   ( 冀ICP备15011551号-4 )
快速回复 返回顶部 返回列表