zencart新产品跟推荐产品页面产品图片横排方法.pdfVIP

zencart 新产品跟推荐产品页面产品图片横排方法 2011-08-09 16:17 大家在使用 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:hidde n; ” 在大概 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 大功告成！大家赶紧去前台刷新看看效果吧！ 这个方法只是粗略的把原来竖排的页面改成横排， 这个方法对新进产品页面和推 荐产品页面均有效， 至于细节的地方， 还需要各位自己去慢慢修改！ 一些不用的 代码可以直接删掉！