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

大家在使用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>

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

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

不过后台是有设置的地方，可以把型号、厂商、描述、价格上下空几行等这些进行设置，详细请看下图