查看: 656|回复: 9

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

[复制链接]

72

主题

490

帖子

1599

积分

管理员

Rank: 9Rank: 9Rank: 9

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

帖子

107

积分

注册会员

Rank: 2

积分
107
发表于 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联系我们页面的表
最近群里有几个朋友问到了这个同样的问题,如下图所示,联系我们的页面表单是怎么做出
视频制作软件 Camtasia 破解程序
视频制作软件 Camtasia 破
做FB广告怎么能少了视频制作软件呢? 用了几款免费付费软件,最后还是觉得Camtasia最
新手分享操作经验-如何通过Oberlo实现Dropshipping
新手分享操作经验-如何通
去年就看过一个外国人分享自己通过Oberlo做dropshipping的视频,简单的操作和可观的收
Help shopify 信用卡支付通道
Help shopify 信用卡支付
Shopify 提供的三个信用卡通道,你们用的哪个。怎样去注册?哪个好用?
求教高手
求教高手
在注册2checkout时册,填写了免费注册的申请后,按“开始吧”按钮时页面就不动了,这
shopify链接Instagram
shopify链接Instagram
我想用shopify去链接Instagram,但是Instagram是限制国家的,所以我想用shopify链接In
shopify的google Merchant Center产品审核问题
shopify的google Merchant
为什么从shopify导入的feeds一直审核不通过,现在出现价格警告问题,一直没有办法解决

Archiver|手机版|小黑屋|

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