有兩種方法去修改頂部菜單內容:
一是安裝幫修改頂部菜單內容的插件.
二是手動修改文件: catalog/view/theme/default/template/common/header.tpl
例如: 你要加任何一個資訊頁面到菜單, 那麼, 你可以到 header.tpl 中
尋找<div id=”menu”>
在下面加入你要的資訊頁面.
<li><a href=”yourinfomationpagelink”>Information page name</a></li>
要修改菜單顏色:
請修改頁面 : catalog/view/theme/YOURTHEME/stylesheet/stylesheet.css
尋找
#menu {
background:修改菜單底色
以及
#menu > ul > li:hover {
background: 修改滑鼠在上時的底色
要修改字款, 字款顏色及字款大小:
請修改頁面 : catalog/view/theme/YOURTHEME/stylesheet/stylesheet.css
尋找:
#menu > ul > li > a {
font-size: 13px; (改字款大小)
color: #FFF; (改字款顏色)
font-family: ‘FuturaBook BT’, serif; (改字款)
使用 google fonts 到你的 opencart:
加入下面這一行編碼到 header.tpl 頁面, 在 “<body>” 之前:
| <link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=YOUR-FONT-NAME”> |
然後到 styleshett.css, 在font-family 加入到你的google fonts.
又或者自行去定義你的字款, 但當然要預先設定好你的字款位置:
| @font-face { font-family: yourfont; src: url(‘yourfonturol/yourfont.ttf’); } |