天天看點

zencart目錄結構及模闆修改 (詳細說明)

1、 zen-cart模闆規則

1.1 /include/目錄底下檔案夾存放規則及其作用

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

language常數定義 ;modules具體頁修改

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

這個檔案夾底下是放模闆的

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

這面是預設模闆目錄,所有在自定義模闆找不到 自己所要安裝的模闆

的檔案都可以在這裡找到

1.2

zencart目錄結構及模闆修改 (詳細說明)

檔案夾底下檔案的規則及其作用

zencart目錄結構及模闆修改 (詳細說明)

闆檔案夾底下一般有如下的檔案夾:

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

這個檔案夾主要存放按鈕圖檔 例如:

zencart目錄結構及模闆修改 (詳細說明)

之類的。

zencart目錄結構及模闆修改 (詳細說明)

這個檔案夾非常的重要,是主模闆檔案存放處,模闆的修改一半以上在這

zencart目錄結構及模闆修改 (詳細說明)

這個檔案夾是存放模闆的css樣式檔案。通常zencart模闆都是css+div

zencart目錄結構及模闆修改 (詳細說明)

這個檔案夾是存放模闆的圖檔檔案夾

zencart目錄結構及模闆修改 (詳細說明)

這個檔案夾存放具體頁面的模闆檔案(細節頁面,及其功能子產品)

zencart目錄結構及模闆修改 (詳細說明)

是填寫該模闆的資訊。

1.3

zencart目錄結構及模闆修改 (詳細說明)

目錄底下所有檔案夾的具體檔案

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

解釋:QQ:502342112

zencart目錄結構及模闆修改 (詳細說明)

:頭部代碼,主要是關于title meta link等标簽代碼,基本用html代碼完成

zencart目錄結構及模闆修改 (詳細說明)

:底部版權、導航等代碼。PHP語句。

zencart目錄結構及模闆修改 (詳細說明)

:頭部代碼,主要是logo 導航等。PHP語句。

zencart目錄結構及模闆修改 (詳細說明)

:主檔案。Body标簽之間的代碼都在這裡面。PHP語句。

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

:一些具體描述頁面的CSS,基本用不上。

zencart目錄結構及模闆修改 (詳細說明)

:主要的css樣式修改檔案,百分之九十都在這裡面修改。重中之重。

zencart目錄結構及模闆修改 (詳細說明)

:一些按鈕 留言闆 資訊框的css樣式檔案,基本用不上。

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

(注:這個檔案夾底下的具體的檔案就不解釋了)

2、 zen-cart模闆修改和制作QQ:502342112

第一章介紹了zencart模闆的存放規則,接下來開始介紹zen-cart模闆的修改。當了解了一個網站模闆的存放規則之後,接下來可以了解改模闆代碼的規律,這樣對于模闆的制作和修改就更加清晰。

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

2.1 zen-cart模闆源代碼的規律

了解一個網站的代碼規則,對于二次開發或者模闆制作都是必須的。

2.1.1 代碼規則

url解釋:

例如:http://localhost/zc/index.php?main_page=login

那麼該檔案的位置是:modules/pages/login

這樣可以看出來,url可以提示目前通路頁面的位置,而且改url也是有規律的

zencart目錄結構及模闆修改 (詳細說明)

à pages/login 。

Zencart函數:

例如:$template->get_template_dir()

那麼該函數是在function檔案裡面。這個函數的作用是取得template檔案夾底下的檔案。

Tempalte -- get --- template --- dir

Zencart常數:

例如:DIR_WS_TEMPLATE

那麼該常數一般存放在includes\languages\english檔案夾的index.php檔案裡面。具體頁面的常數可以到includes\languages\english這裡面查找對應的檔案。

強調:zencart是一個基本用常數代替所有具體語言的網站系統,如果你想修改網站中的描述文字,那麼基本要到includes\languages\english這個檔案夾底下進行查找修改。這樣做的好處有很多,其一可以讓改網站友善開發語言包,國際化等等。

Zencart的if語句特别多

解釋:因為zencart是一個功能子產品特别多,而且友善進行二次開發的網站系統,而且可以友善的在背景進行控制,這些if語句基本背景進行控制的

看了以上的解釋,如果以後看源代碼看到有if語句進行判斷的,如果不想去掉源代碼或者不好調試,那麼可以到背景進行查找。

2.1.2 tpl_main_page.php主要檔案的代碼規律

tpl_main_page.php檔案的圖模型:

zencart目錄結構及模闆修改 (詳細說明)

tpl_main_page.php檔案的簡單模型,以上圖可以進行對照:

zencart目錄結構及模闆修改 (詳細說明)

2.1.2 tpl_header.php主要檔案的代碼規律

zencart目錄結構及模闆修改 (詳細說明)
zencart目錄結構及模闆修改 (詳細說明)

2.1.3 其他的具體頁面省了 (底部的和頭部的一樣)

2.2 zencart模闆的修改的具體代碼詳解QQ:502342112

2.2.1 模闆左側所有闆塊

Main.php -> module (left) -> require(DIR_WS_MODULES . 'sideboxes/' . $column_left_display->fields['layout_box_name']);

2.2.2 左側模闆目錄欄下面的小分欄導航欄修改地方 CSS:

.leftBoxHeading, .rightBoxHeading {

2.2.3 HEADING_TITLE –》 在language/english/index.php裡面

代碼在

zencart目錄結構及模闆修改 (詳細說明)
2.2.4、修改centerColumn      

可以修改中間産品方框的大小

2.2.5 、BODY檔案在這個檔案生效 require($body_code)

includes/modules/pages/index/main_template_vars.php

zencart目錄結構及模闆修改 (詳細說明)

2.2.6、去掉首頁頂部的目錄:

zencart目錄結構及模闆修改 (詳細說明)

--》

zencart目錄結構及模闆修改 (詳細說明)

如果還有的話請去掉tpl_header.php裡面的這段代碼:

<!--<?php // require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>-->

2.2.7.更改底部版權資訊,可以在背景直接修改。具體的地方為:

configuration----my store --- footer text body

2.2.8、當在調試IE 和 FF 的時候出現模闆的版式不一樣時候,可以看看模闆的CSS樣式裡面是不是多處了一個特别的CSS。如果有,那麼它就是罪魁禍首。

2.2.9、#navMain 在模闆CSS的主樣式裡面

這個的主要功能是修改模闆的導覽列。

2.2.10、centerColumn 在模闆的CSS主樣式裡面

這個的主要功能是修改模闆内容子產品,即圖檔顯示區域。

2.2.11、#mainWrapper 在模闆的CSS主樣式裡面

這個的主要功能是修改模闆的寬度。

2.2.12、#logoWrapper 修改logo

2.2.13 meta 标簽 位置在 includes\language\English

2.2.14 、navSuppWrapper      

底部導覽列的CSS樣式。

2.2.15、#navColumnOne 修改左邊欄目背景色

2.2.16、sideBoxContent 這個可以改主要子產品的背景色。(左中右)

2.2.17 、如果看到諸如 h3之類的标題,要修改其樣式可以直接在css樣式裡面找。

2.2.18、 如果底部版權出現在旁邊 可能CSS的樣式出現錯誤 比如 float:right

2.2.19、legend 修改注冊的input背景色及其字型

2.2.20、contentMainWrapper 這個是設定整個内容的背景色

2.2.21 logo出現向左飄逸 有如下的原因:logo樣式含有float::left

2.2.22 出現購物空白頁 上傳檔案checkout_shipping

以下是代碼的具體修改

DIR_WS_CATALOG // zent cat目錄 這些在includes/configure.php定義

meta_tags.php //定義網站的meta資訊。這些是從資料庫中取出來的。在includes/modules/下面

HTML_PARAMS //模闆語言常量檔案定義的。

$current_page_base 在includes/init_inicludes/init_sanitize.php $_GET['main_page']

manufacturers_id 生産廠商ID

product_id 産品ID

$tmp_pagename index_home

有加載modules/pages

==================================================================

1. 在首頁頂部增加連接配接的方法。

找到模闆檔案夾下面的zcen/tpl_header.php

在#topbarwrap與#topbar 增加一個<div>連接配接</div> 裡面寫上你要的連接配接

2. Logo的替換。這個在背景是沒有的。在語包的檔案裡定義。

找到languages/english/zcen/header.php 找到Header_logo_image 常量 修改

或者 替換 模闆下面的 logo.gif檔案/includes/templates/zcen/images/logo.gif

3. 導航欄的東西〔這個背景的設計的)

樣式調節#navEZPagesTop

背景的 參數調整:0 1 2

背景的 ezpage設定

4. 首頁分類名稱的修改

打開 /templates/languages/english.php

找到:define("BOX_HEADING_CATEGORIES","CATEGORIES")

改為:define("BOX_HEADING_CATEGORIES","Select you game");

主`

D:\WEB\zen-cart\includes\templates\classic\css\stylesheet.css

整個頁面組織

D:\WEB\zen-cart\includes\templates\template_default\common\tpl_main_page.php

網頁左右欄width源代碼:<td id="navColumnOne" class="columnLeft" style="width: 150px;">

動态調用width: <?php echo COLUMN_WIDTH_LEFT; ?>">,

在背景-configuration-layout裡可以更改Column Width/Column Width - Left Boxes

商品分類名稱Categories更改:BOX_HEADING_CATEGORIES,

"D:\WEB\zen-cart\includes\languages\english.php"(78,11): define('BOX_HEADING_CATEGORIES', 'Categories');

spooer名稱更改:define('BOX_HEADING_BANNER_BOX','Sponsors')

預設模闆,左spooner對應'BOX_HEADING_BANNER_BOX' 右上spooer對'BOX_HEADING_BANNER_BOX_ALL'

右下spooer對應BOX_HEADING_BANNER_BOX2

左邊欄處理:隻保留includes\templates\template_default\sideboxes\tpl_categories.php,在裡面增加

圖檔連結

右邊欄的處理:

1.背景設定為保留who's onlie(sideboxes/whos_online.php),

與之對應的 tpl_box_default_right.php,查找<?php echo $title; ?>進行替換

2.添加左邊欄目内容,對tpl_box_default_right.php更改:

中部修改:

=================

\includes\templates\template_default\templates\tpl_index_default.php

去掉頂部說明:<?php if (SHOW_CUSTOMER_GREETING == 1) { ?>

<h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2>

<?php } ?>

<div id="indexDefaultMainContent" class="content"><?php require($define_page); ?></div>

去掉歡迎資訊:

<h1 id="indexDefaultHeading"><?php echo HEADING_TITLE; ?></h1>

去掉頂部導航:

\includes\templates\template_default\common\tpl_main_page.php

<div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>

模闆頂部修改:

================

\zen-cart\includes\templates\template_default\common\tpl_header.php

<div id="navMain"></div>内可增加連結

<?php

if (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 &&

CUSTOMERS_AUTHORIZATION_HEADER_OFF == 'true' and

($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == '')) {

$flag_disable_header = true;

}

require($template->get_template_dir('tpl_header.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_header.php');?>

上段從<div id="mainWrapper">抽出,放在它前面做全屏導航版塊

頂部搜尋按鈕修改:

\includes\templates\template_default\common\tpl_header.php :

<div id="navMainSearch">

<?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>

自動生成導航欄:

\includes\templates\template_default\templates\tpl_modules_categories_tabs.php

将其代碼掏空,重新添加導航代碼:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<?php

include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_CATEGORIES_TABS));

?>

<?php if (CATEGORIES_TABS_STATUS == '1' && sizeof($links_list) >= 1) { ?>

<div id="navCatTabsWrapper">

<div id="navCatTabs">

<ul>

<?php for ($i=0, $n=sizeof($links_list); $i<$n; $i++) { ?>

<li><?php echo $links_list[$i];?></li>

<?php } ?>

</ul>

</div>

</div>

<?php } ?>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

清除多餘的log背景:

\zen-cart\includes\templates\template_default\common\tpl_header.php

<div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>

底部導航修改:

\includes\templates\template_default\common\tpl_main_page.php

<div id="bannerSix" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>

zencart目錄結構及模闆修改 (詳細說明)

DIR_WS_CATALOG // zent cat目錄 這些在includes/configure.php定義

meta_tags.php //定義網站的meta資訊。這些是從資料庫中取出來的。在includes/modules/下面

HTML_PARAMS //模闆語言常量檔案定義的。

$current_page_base 在includes/init_inicludes/init_sanitize.php $_GET['main_page']

manufacturers_id 生産廠商ID

product_id 産品ID

$tmp_pagename index_home

有加載modules/pages

======================

首頁加載的檔案

html_header.php

tpl_index_default.php {indeXDefaultMainContent 首頁可以編輯}

tpl_modules_featured_products.php -> tpl_columnar_display.php

bannerOne banners [背景bannner控制]

logo 修改 tpl_header.php 頁面 在模闆的images/logo.gif

id=”mainwrapper”

common/tpl_header.php 功能:所有頁面的頁眉 基本可以不用或者廣告用

id=”headerwrapper”

navColumnOnewrapper

navEZpagesTOp 簡易頁面的連接配接

左邊分類在 templates/模闆/sideboxes/下面 sql參數在categories.php

=============================

有不懂的可加部落客QQ:502342112 (有錯誤的地方望大家指點)