zencart 新产品&推荐产品页面产品图片横排方法

用于收藏精华贴子、网友共享的资料等。可以回复,不能发新贴。

版主: Jack

版面规则
本版面不能发新贴,可以回复

zencart 新产品&推荐产品页面产品图片横排方法  已解决

帖子conledy » 2011-01-03 3:37

大家在使用zencart默认的模板时会发现产品列表都是竖着的,不过幸好有zencart中国的JACK帮忙修改了,所以自从那时候产品列表横排已经不成问题,但是大家也发现了,特价产品页面的产品图片是横排的,但是新产品页面也推荐产品页面的产品图片依然还是竖排的,这样看上去很不好看,本人语言就是“很不爽”,于是我尽了自己九牛十虎的力气,终于粗略的把竖排改成了横排,粗略嘛,当然就只能看到横排的效果,但是细节上的,还是需要大家自己去改的,废话不多说,看教程。

原来竖排的显示效果,感觉不爽


修改后,产品图片变成了横排,这样看上去好看多了


查找对应的模板文件,新进产品页面对应的模板文件为templates/对应模板/tpl_modules_products_new_listing.php,推荐产品对应的模板文件为templates/对应模板/tpl_modules_products_featured_listing.php,现在我们以推荐产品页面修改为例,打开推荐产品页面的模板文件,在最顶部会看到以下代码(当然不同的修改版可能有些不同,但是我想这么多版本都没有横排,估计这里的布局代码都是一样或者类似的)

<table border=”0″ width=”100%” cellspacing=”2″ cellpadding=”2″>
<tr>
<td colspan=”3″><hr /></td>
</tr>


把这段代码改成

<div>

在大概119行的地方,查找以下代码

<tr>
<td width=”<?php echo IMAGE_FEATURED_PRODUCTS_LISTING_WIDTH + 10; ?>” valign=”top” align=”center”>


改成

<div style=”width:25%; text-align:center; float:left; overflow:hidden;”>

在大概156行的地方,查找以下代码

</td>
<td colspan=”2″ valign=”top”>


将其删除,接着在191行附近,查找以下代码

</td>
</tr>
<?php if (PRODUCT_FEATURED_LIST_DESCRIPTION > ’0′) { ?>
<tr>
<td colspan=”3″ valign=”top”>
<?php
echo $display_products_description;
?>
</td>
</tr>
<?php } ?>

<tr>
<td colspan=”3″><hr /></td>
</tr>


改成

</div>

在紧接着的代码中,会发现以下代码

<tr>
<td colspan=”2″><?php echo TEXT_NO_FEATURED_PRODUCTS; ?></td>
</tr>


把表格标签去掉,因为前面已经把外层<table>去掉了,这些留着没有意义,还会对布局造成困难,因此毫不留情,删掉吧!

最后把闭合标签

</table>

改成

</div>

大功告成!大家赶紧去前台刷新看看效果吧!

这个方法只是粗略的把原来竖排的页面改成横排,这个方法对新进产品页面和推荐产品页面均有效,至于细节的地方,还需要各位自己去慢慢修改!一些不用的代码可以直接删掉!

如果又不懂的可以留言提问!
本文转载自:Kam's Blog
原文链接:http://www.ebtcn.net/2011-01/zencart-new-products-product-page-product-picture-horizontally-method-162/

请大家尽量在我的博客里面提问!这样我可以第一时间看到留言,可以回复大家!论坛的话,我不是经常上,所以....
conledy
中级会员
中级会员
 
帖子: 58
注册: 2010-01-30 10:40
QQ 帐号: 4187537

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子nosame » 2011-01-25 19:29

很好,新产品页面已经按照LZ的方法成功修改,尝试用同样的方法修改产品列表页面,失败了,乱码了。
nosame
新手上路
新手上路
 
帖子: 13
注册: 2010-04-24 15:28

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子sloanxue » 2011-04-06 9:23

收藏了
头像
sloanxue
高级会员
高级会员
 
帖子: 195
注册: 2010-04-03 0:18
QQ 帐号: 249956453

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子ldcr138 » 2011-04-10 14:16

收藏
ldcr138
中级会员
中级会员
 
帖子: 56
注册: 2009-09-07 15:06

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子yahui870718 » 2011-04-27 20:58

谢谢了,搜藏了!
yahui870718
普通会员
普通会员
 
帖子: 49
注册: 2011-03-15 22:16
QQ 帐号: 493908654

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子槟榔西施 » 2011-04-30 11:04

后台 不就可以 调了么configuration->product listing->productlisting-layout style(columns)就可以 实现
槟榔西施
 
帖子: 3
注册: 2010-08-03 21:56

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子wei630466210 » 2011-04-30 11:48

那是调目录产品列表的。。。
头像
wei630466210
中级会员
中级会员
 
帖子: 75
注册: 2010-09-01 15:41
QQ 帐号: 630466210

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子andylin » 2011-05-30 19:27

留个脚印。
andylin
 
帖子: 1
注册: 2011-05-30 18:59

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子xiao_min » 2011-05-31 10:00

留个脚印,谢谢分享
头像
xiao_min
VIP会员
VIP会员
 
帖子: 355
注册: 2010-06-08 11:17

Re: zencart 新产品&推荐产品页面产品图片横排方法

帖子zhjhqk » 2011-06-01 17:43

谢谢分享
zhjhqk
VIP会员
VIP会员
 
帖子: 396
注册: 2010-09-21 10:16

下一页

  • 相关话题
    回复总数
    阅读次数
    最新文章

回到 精华共享



在线用户

正在浏览此版面的用户:没有注册用户 和 0 位游客

cron