·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
DZ插件网 门户 站长圈 查看内容

在Theme Box的素材发布资源下载插件导航里面加上多国语言切换导航按钮并实现多种展现效果的方式 ...

2023-6-29 22:47| 发布者: admin| 查看: 191| 评论: 8|原作者: admin

摘要: 在Theme Box的素材发布资源下载插件中加入多国语言切换导航按钮,并实现多种展现效果的方法。通过修改文件实现全站多国语言翻译插件的功能,并引入Bootstrap和jQuery库,以实现添加的导航菜单的联动效果。此教程涉及到的插件包括[Theme Box]素材发布资源下载 OSS存储+用户组打折+下载限速和全站多国语言翻译插件。
Theme Box的素材发布资源下载插件比较封闭,以贰先生的全站多国语言翻译插件为例,想要在Theme Box的素材发布资源下载插件里面穿透实现全站多国语言自动翻译在Theme Box的插件页面是无法穿透实现效果的,
下面实现如图添加导航并实现全站多国语言翻译:
admin,如果您要查看本帖隐藏内容请回复

修改文件,
编辑:
/source/plugin/one_market/template/default/common/footer.php

查找:
  1. </body>
复制代码
也就是在 </body> 之前,
其上行添加:
admin,如果您要查看本帖隐藏内容请回复


上面的操作是 在 Theme Box的素材发布资源下载插件 里面引入 全站多国语言翻译插件 的必须jQuery库文件。

然后是在导航里面添加一个导航菜单,需要实现的功能:
1. 导航下拉多级层联菜单;
2. 鼠标滑动自动展开,而不是需要点击选择;
3. 菜单是 通过传参访问对应语言,而不是默认js切换的方式,以实现 多国语言 多次收录页面的效果。

下面是修改文件操作,Theme Box的素材发布资源下载插件 的导航菜单文件路径是在:/source/plugin/one_market/template/default/common/header.php

首先我们需要 引入Bootstrap和jQuery库,以实现我们添加的导航菜单的联动效果,这里引入的 是为了避免可能与 Theme Box的素材发布资源下载插件 本身JQ的冲突 而导致菜单效果不生效:

查找:
  1. <!--{template one_market:default/common/header_common}-->
复制代码
其上行添加:
  1. <!-- 引入Bootstrap和jQuery库 -->
  2. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
复制代码

然后还是这个文件,我们操作添加菜单的步骤:

查找:
  1. </ul>
复制代码

其上行添加:
admin,如果您要查看本帖隐藏内容请回复


然后保存,更新缓存后,就可以看到最上图的实现效果~ 【可可素材资源插件也可以用同样思路实现全站多国语言的菜单切换效果,可以加群获取更多分享:https://t.cn/A6LIyHJ9

此教程涉及到的插件下载:
[Theme Box]素材发布资源下载 OSS存储+用户组打折+下载限速 (one_market)[更新支持DZ X3.5]
https://www.dz-x.net/t/5197/1/1.html
(出处: DZ插件网)

全站多国语言翻译 多国语言翻译 (domi_translate)
https://www.dz-x.net/t/54357/1/1.html【由于作者联系不让论坛分享,该资源已下线,如有需要的可以直接联系右侧QQ客服免费获取~】
(出处: DZ插件网)

多语言.png

上一篇:帖子内容付费购买 5.6 (zbyun_buythead) 防止跳转到官方盗版页面
下一篇:Discuz!X3.5云论坛discuz.witframe.com最新巨作 未来开发DZ应用 只需要上传代码 插件不用被下载 都在云端一键购买后端服务全云端 ...

鲜花

握手

雷人

路过

鸡蛋
admin2023-6-30 21:18

2024.7.12已更新,此楼内容可忽略~

由于帖子含有代码无法再次编辑,上面教程 引入Bootstrap和jQuery库 的操作,需要纠正下:

纠正.png


把 上面操作过的  /source/plugin/one_market/template/default/common/header.php 操作的撤销,


修正为编辑:/source/plugin/one_market/template/default/common/header_common.php  【作者提供修正指导】

查找:
  1. </head>
复制代码


在其上行添加:(内容复制楼上的一样的~)
代码.png

如图:
如图.png




回复
LINII2023-7-1 13:03
感谢分享,正需要
回复
大哥哥2023-7-13 22:02

这东西我收了!谢谢楼主!
回复
jjiyjlxy2023-11-14 12:05
bbbbbbbubc不错
回复
fairytail2023-11-23 12:20
感谢分享
回复
wendao2024-2-26 10:08
代码是有啥呢?
回复
apwl2024-3-23 18:46
围观一下教程看看
回复
nheehisg2024-8-8 20:53
看下··············
回复

查看全部8个评论

您需要登录后才可以发表言论 登录立即注册
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.12.108.69,GMT+8, 2024-11-15 00:15 , Processed in 0.227805 second(s), 50 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯
扫一扫添加微信客服
QQ客服返回顶部
返回顶部