跳至主要内容

博文

目前显示的是 四月, 2024的博文

Opencart模板导航栏和商品优化

2020年8月购买了一个Bluehost服务器,用Opencart搭建了一个电商网站( CDCLOTH.com ),当时浅浅的研究了一下Opencart这个开源程序部署好后,有哪些地方需要优化,当时将所做的部分优化记录在了有道云笔记上,今天整理发布到个人博客,分享给有需要的朋友。 1. 类目栏背景色和字体颜色调整 刚搭建完成的网站前端页面一级类目栏背景色是蓝色,字体是黑色,由于网站是售卖服装类,蓝色背景色显得不搭,所以需要调整为黑色。所以我们需要在前端找到这个section code所在位置和引用的css字段名称,然后需要去后台源码中找到对应code位置和引用的css字段,并理解code需要如何优化才能呈现想要的效果。 http://xxxx.com/catalog/view/theme/default/stylesheet/stylesheet.css 对应源文件位置:catalog> view> theme> default> stylesheet> stylesheet.css #menu { background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; border-color: #1f90bb #1f90bb #145e7a; min-height: 40px; } 更改为: #menu { background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; min-height: 40px; } 二级类目同上存在类似问题需要调整,需要优化二级类目展开后背景色及Show All Category的字体颜色。 .dropdown-menu li > a:hover { text-decoration: none; color: #ffffff; background-color