Question

我正在使用WooCommerce与Wootique主题。在产品页面上，这是索引页面，我试图在同一行上只有2个图像。当我添加第3张图像时，它不会转到新行，而是与其他2张图像位于同一行。如果我试图放大图像，他们互相覆盖。我不知道如何在代码中具体说明我只需要2行图像。

我在自定义CSS样式表中尝试了不同的调整，但没有任何工作。

下面的代码是针对类似的问题给出的，但我不知道它是否能解决我的问题，因为我想在同一行上有2张图片而不是1张。我希望第3和第4张图片在新线上，第5张和第6张在新线上等。

  {assign var=lines value="\n"|explode:$product.description|strip_tags}
       <ul>
            {foreach key=k item=line from=$lines}
            <li>{$line}</li>
            {/foreach}
       </ul>

如果这是正确的代码，我会把它放在哪里？

Answer 1

将以下内容添加到functions.php文件

Comments begin with a bang and are ignored. The following template:
    <h1>Today{{! ignore me }}.</h1>

Will render as follows:    
    <h1>Today.</h1>

Comments may contain newlines.

Answer 2

通过进入index.php页面并将列号更改为2，我可以在WooCommerce主题的一行中获得2张图像。该列显示3，这就是我添加第3张图片的原因它与其他2张图像水平排列。当我将列更改为2时，第3张图像在新行上开始。

以下是我在index.php页面中更改的代码。

<?php echo do_shortcode( '[recent_products per_page="12" columns="2"]' ); ?>

Anand，我相信你的代码也可以工作，但我确实意识到我必须将函数名改为do_shortcode。感谢您的帮助，它迫使我开始查看主题中的不同页面。

WooCommerce Wootique主题产品图像不垂直对齐

2 个答案: