查看: 978|回复: 9

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

[复制链接]

72

主题

490

帖子

1622

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1622
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

帖子

115

积分

注册会员

Rank: 2

积分
115
发表于 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 | 显示全部楼层
这个挺试用的,不错不错
回复 支持 反对

使用道具 举报

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

本版积分规则

热门推荐

请教如何去掉网站底部的powered by shopify 字句
请教如何去掉网站底部的po
请教如何去掉网站底部的powered by shopify 字句
Shopify建站运营推广相关问题征集
Shopify建站运营推广相关
承蒙各位Shopify卖家朋友们的支持和厚爱,在运营WaimaoB2C.com博客和WaimaoB2C.cn论坛
提高转化率的一个小提示
提高转化率的一个小提示
最近测试,在Checkout按钮下面添加了一次些促销信息,转化率稍稍有些提升,但是因为数
购物按钮下的 购物安全保证图片 怎么添加
购物按钮下的 购物安全保
购物按钮下的 购物安全保证图片 怎么添加
Shopify产品页面插入视频方法
Shopify产品页面插入视频
在Shopify网站的产品页面插入视频的两种方法: 这两种方法的前提都是你首先要将视频上
网站不做广告,Google analytics数据分析怎么有部分流量是paid...
网站不做广告,Google ana
如题, 我们的shopify网站目前主要引流方式还是引导一些其他平台的客户过来购买,平时
删除buy on amazon
删除buy on amazon
群主大人,我想删除这个按钮,比较稳妥的做法是什么? 因为之前修改代码忘记备份,产

Archiver|手机版|小黑屋|

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