将Zen-Cart首页产品以TabControl的形式显示
来源:互联网 发布:必赢客pk10软件下载 编辑:程序博客网 时间:2024/05/16 08:09
首先来对Zen-Cart首页的代码进行分析,涉及到的页面如下:
-includes/templates/YOUR_TEMP/templats/tpl_index_default.php
-includes/modules/YOUR_TEMP/featured_products.php
-includes/modules/YOUR_TEMP/new_products.php
-includes/modules/YOUR_TEMP/specials_index.php
-includes/templates/YOUR_TEMP/templates/tpl_modules_featured_products.php
-includes/templates/YOUR_TEMP/templates/tpl_modules_whats_new.php
-includes/templates/YOUR_TEMP/templates/tpl_modules_specials_default.php
-includes/templates/YOUR_TEMP/common/tpl_columnar_display.php
modules目录下的是处理数据的,而templates目录下的则是显示用的模板文件。
首先在-includes/templates/YOUR_TEMP/templats/tpl_index_default.php查找while (!$show_display_category->EOF),这个while循环是用来控制要在首页显示的模块及数据的。在while循环内有3个if条件判断,分别对应了Featured Products、New Products、Specials Products这三个模块。而每个if里面又只require了一个页面,以Featured Products模块举例如下:
require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php');
require了tpl_modules_featured_products.php这个文件,打开tpl_modules_featured_products.php可以发现如下代码:
<?php
/**
* Module Template
*
* @package templateSystem
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_modules_featured_products.php 2935 2006-02-01 11:12:40Z birdbrain $
*/
$zc_show_featured = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));
?>
<?php
if ($title) {
?>
<?php echo $title; ?>
<?php
}
?>
<!-- bof: featured products -->
<?php if ($zc_show_featured == true) { ?>
<div class="centerBoxWrapper" id="featuredProducts" style="background:#0000ff;">
<?php
/**
* require the list_box_content template to display the product
*/
require($template->get_template_dir('tpl_columnar_display.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_columnar_display.php');
?>
</div>
<?php } ?>
<!-- eof: featured products -->
解释:include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));这行代码可以获取Featured Products模块的标题信息,然后在下面的if($title){echo $title;}直接输出这个标题。
所以可将如下代码抽离,放到tpl_index_default.php文件内。
$zc_show_featured = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));
?>
<?php
if ($title) {
?>
<?php //echo $title; ?>
<?php
}
?>
其他两个模块也是同理!通过抽离标题,可以实现标题和下面显示产品的模块分离。通过JQuery配合CSS即可轻易实现TabControl显示效果。
PS:tpl_index_default.php页面代码修改如下:
<!-- 手工添加的DIV -->
<div id="indexshow_jhq">
<div style="border:1px solid #555; height:60px;">
<?php
$show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_MAIN);
while (!$show_display_category->EOF) {
?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_FEATURED_PRODUCTS') { ?>
<?php
/**
* display the Featured Products Center Box
*/
?>
<?php
$zc_show_featured = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));
if($title){
echo $title;
}
//require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php');
?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_SPECIALS_PRODUCTS') { ?>
<?php
/**
* display the Special Products Center Box
*/
?>
<?php
$zc_show_specials = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_SPECIALS_INDEX));
if($title){
echo $title;
}
//require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_NEW_PRODUCTS') { ?>
<?php
/**
* display the New Products Center Box
*/
?>
<?php
$zc_show_new_products = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_NEW_PRODUCTS));
if($title){
echo $title;
}
//require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_UPCOMING') { ?>
<?php
/**
* display the Upcoming Products Center Box
*/
?>
<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>
<?php
$show_display_category->MoveNext();
} // !EOF
?>
</div>
<?php
$show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_MAIN);
while (!$show_display_category->EOF) {
?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_FEATURED_PRODUCTS') { ?>
<?php
/**
* display the Featured Products Center Box
*/
?>
<?php
require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php');
?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_SPECIALS_PRODUCTS') { ?>
<?php
/**
* display the Special Products Center Box
*/
?>
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_NEW_PRODUCTS') { ?>
<?php
/**
* display the New Products Center Box
*/
?>
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_UPCOMING') { ?>
<?php
/**
* display the Upcoming Products Center Box
*/
?>
<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>
<?php
$show_display_category->MoveNext();
} // !EOF
?>
<!-- 手工添加的DIV -->
-includes/templates/YOUR_TEMP/templats/tpl_index_default.php
-includes/modules/YOUR_TEMP/featured_products.php
-includes/modules/YOUR_TEMP/new_products.php
-includes/modules/YOUR_TEMP/specials_index.php
-includes/templates/YOUR_TEMP/templates/tpl_modules_featured_products.php
-includes/templates/YOUR_TEMP/templates/tpl_modules_whats_new.php
-includes/templates/YOUR_TEMP/templates/tpl_modules_specials_default.php
-includes/templates/YOUR_TEMP/common/tpl_columnar_display.php
modules目录下的是处理数据的,而templates目录下的则是显示用的模板文件。
首先在-includes/templates/YOUR_TEMP/templats/tpl_index_default.php查找while (!$show_display_category->EOF),这个while循环是用来控制要在首页显示的模块及数据的。在while循环内有3个if条件判断,分别对应了Featured Products、New Products、Specials Products这三个模块。而每个if里面又只require了一个页面,以Featured Products模块举例如下:
require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php');
require了tpl_modules_featured_products.php这个文件,打开tpl_modules_featured_products.php可以发现如下代码:
<?php
/**
* Module Template
*
* @package templateSystem
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_modules_featured_products.php 2935 2006-02-01 11:12:40Z birdbrain $
*/
$zc_show_featured = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));
?>
<?php
if ($title) {
?>
<?php echo $title; ?>
<?php
}
?>
<!-- bof: featured products -->
<?php if ($zc_show_featured == true) { ?>
<div class="centerBoxWrapper" id="featuredProducts" style="background:#0000ff;">
<?php
/**
* require the list_box_content template to display the product
*/
require($template->get_template_dir('tpl_columnar_display.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_columnar_display.php');
?>
</div>
<?php } ?>
<!-- eof: featured products -->
解释:include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));这行代码可以获取Featured Products模块的标题信息,然后在下面的if($title){echo $title;}直接输出这个标题。
所以可将如下代码抽离,放到tpl_index_default.php文件内。
$zc_show_featured = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));
?>
<?php
if ($title) {
?>
<?php //echo $title; ?>
<?php
}
?>
其他两个模块也是同理!通过抽离标题,可以实现标题和下面显示产品的模块分离。通过JQuery配合CSS即可轻易实现TabControl显示效果。
PS:tpl_index_default.php页面代码修改如下:
<!-- 手工添加的DIV -->
<div id="indexshow_jhq">
<div style="border:1px solid #555; height:60px;">
<?php
$show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_MAIN);
while (!$show_display_category->EOF) {
?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_FEATURED_PRODUCTS') { ?>
<?php
/**
* display the Featured Products Center Box
*/
?>
<?php
$zc_show_featured = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_FEATURED_PRODUCTS_MODULE));
if($title){
echo $title;
}
//require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php');
?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_SPECIALS_PRODUCTS') { ?>
<?php
/**
* display the Special Products Center Box
*/
?>
<?php
$zc_show_specials = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_SPECIALS_INDEX));
if($title){
echo $title;
}
//require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_NEW_PRODUCTS') { ?>
<?php
/**
* display the New Products Center Box
*/
?>
<?php
$zc_show_new_products = false;
include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_NEW_PRODUCTS));
if($title){
echo $title;
}
//require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_UPCOMING') { ?>
<?php
/**
* display the Upcoming Products Center Box
*/
?>
<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>
<?php
$show_display_category->MoveNext();
} // !EOF
?>
</div>
<?php
$show_display_category = $db->Execute(SQL_SHOW_PRODUCT_INFO_MAIN);
while (!$show_display_category->EOF) {
?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_FEATURED_PRODUCTS') { ?>
<?php
/**
* display the Featured Products Center Box
*/
?>
<?php
require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_featured_products.php');
?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_SPECIALS_PRODUCTS') { ?>
<?php
/**
* display the Special Products Center Box
*/
?>
<?php require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_NEW_PRODUCTS') { ?>
<?php
/**
* display the New Products Center Box
*/
?>
<?php require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
<?php } ?>
<?php if ($show_display_category->fields['configuration_key'] == 'SHOW_PRODUCT_INFO_MAIN_UPCOMING') { ?>
<?php
/**
* display the Upcoming Products Center Box
*/
?>
<?php include(DIR_WS_MODULES . zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS)); ?><?php } ?>
<?php
$show_display_category->MoveNext();
} // !EOF
?>
<!-- 手工添加的DIV -->
- 将Zen-Cart首页产品以TabControl的形式显示
- 将Zen-Cart首页产品以TabControl的形式显示
- zen cart在首页指定新进产品显示某个分类下面的产品
- zen cart首页与产品页各个页面 显示单栏双栏三栏的方法
- zen-cart如何在首页显示商品的简介描述
- Zen Cart大分类下直接显示产品列表插件
- zen-cart的首页标题、描述、关键词设置
- Zen Cart 首页的 title,keywords,description设置
- zen cart首页展开所有的分类名
- Zen Cart 首页的title,keywords,description设置
- zen-cart的首页标题、描述、关键词设置
- zen cart网站整合什么形式的博客系统
- Zen-cart里迁移产品数据的方法
- zen cart产品分类及产品管理
- zen cart首页页面加宽如何设置
- zen-cart显示分类树
- Zen Cart 设置产品优惠券、优惠码
- Zen-Cart给产品添加新字段
- Java handle Exceptions
- 十年
- 今年,我们失去了太多
- Sybase数据库中数据高速缓存配置详解
- 关于 URL 编码的知识
- 将Zen-Cart首页产品以TabControl的形式显示
- android 优化那些事之布局(一)
- QString的相关类型转换
- Zencart网站配置-常规修改总结
- PHP正则表达式基本概念
- PHP如何区分引用参数和传值参数
- JavaScript关系运算符与表达式
- ios学习笔记
- SQL通用查询语句-精华文章