搜索
开启辅助访问 切换到宽版

QQ登录

只需一步,快速开始

扫一扫,访问微社区

注册 找回密码
查看: 399|回复: 5

免费版实用优化补丁!

[复制链接]
发表于 2020-9-10 11:06:19 | 显示全部楼层 |阅读模式
本帖最后由 gaohelong 于 2020-10-22 16:53 编辑

123-2.jpg 456-2.jpg

demo: https://pp.xiaozhong.life
账号/密码:demo/demo

嗯 …… 以下,绝大部分修改代码是从专业版演示页面扒过来的,此处仅为适用于免费版…… 做个总结和整理,希望免费版能真正有助于大众,越做越好吧
*********************
要实现此处演示站的效果,无非调试这几点就可以了。
1.PC端导航下拉时置顶浮动。
2.产品页面调成适用手机的效果。
3.结账页默认城市区域默认支付方式免选择(最初我就是朝着“同城网上摆摊”这个方向调的 …… 各处城管又不让摆摊了 …… 可怜众多小商小贩啊)
4.默认先提交订单再付款
5.评论改咨询,tags改卖点
……等等其它
*******

好了,具体修改代码如下:

1.PC端导航下拉时置顶浮动。
修改文件:catalog\view\theme\default\template\common\header.twig
(可直接登陆此处演示站后台复制相关页面内容替换免费版相应文件也行)
  1. <script>
  2.     window.onscroll = function(){
  3.     var scrollT = document.documentElement.scrollTop||document.body.scrollTop;
  4.     var scrollH = document.documentElement.scrollHeight||document.body.scrollHeight;
  5.     var clientH = document.documentElement.clientHeight||document.body.clientHeight;
  6.     var clientW = document.documentElement.clientWidth||document.body.clientWidth;
  7.    
  8.     if(scrollT>200){
  9.         document.getElementById('menu').classList.add('fixed');
  10.     }else {
  11.         document.getElementById('menu').classList.remove('fixed');
  12.     }
  13.    
  14.     if (clientW<768 && scrollT>50) {
  15.         document.getElementById('product-nav-tab').classList.add('fixed');
  16.     }else {
  17.         document.getElementById('product-nav-tab').classList.remove('fixed');
  18.     }   
  19. }
  20. </script>
复制代码

此处的 product-nav-tab(是手机端产品页置顶用的,……,我又不会更高级的写法,各处该用的功能能用就行了呗,)

2.产品页面调成适用手机的效果。
此处修改的文件:catalog\view\theme\default\template\product\product.twig
主要是扒了专业版演示站的效果代码,外加了一些适用免费版的样式,在同一个文件里做了手机端和电脑端自适合,所以 …… 就这样了(直接上附件吧,改的代码挺多的,解释起来挺啰嗦的,自己扒吧 )
v37免费版二次优化.zip (330.62 KB, 下载次数: 20)

回复

使用道具 举报

发表于 2020-9-10 13:45:40 | 显示全部楼层
还不错,继续加油!!!
回复 支持 反对

使用道具 举报

发表于 2020-9-23 21:56:13 | 显示全部楼层
为什么我复制product模版里的脚本过去之后就打不开已经上传好的产品页了?全是空白的。
回复 支持 反对

使用道具 举报

发表于 2020-9-28 20:50:29 | 显示全部楼层
好像少js吧,debug3处警告。
然后就是手机版底部菜单有遮挡,原底部内容margin-down需要相应增加相应的尺寸。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-9-29 08:37:36 | 显示全部楼层
本帖最后由 gaohelong 于 2020-9-29 08:50 编辑
wenpeng688 发表于 2020-9-23 21:56
为什么我复制product模版里的脚本过去之后就打不开已经上传好的产品页了?全是空白的。 ...


??? 测试可以直接复制使用的啊,(只不过要连同 header.twig 一起复制罢了。)
回复 支持 反对

使用道具 举报

发表于 2020-11-6 18:51:11 | 显示全部楼层
为什么我复制product模版里的脚本过去之后就打不开已经上传好的产品页了?全是空白的
彩票福彩双色球幸运飞艇
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

站长推荐 上一条 /1 下一条

QQ|手机版|OpenCart - 中文官方网站 ( 蜀ICP备09033774号|人工智能|网站地图

GMT+8, 2020-11-25 04:12 , Processed in 0.080961 second(s), 25 queries , Gzip On.

快速回复 返回顶部 返回列表