目前我正在商店页面上工作。根据设计，我必须在第4个产品和第7个产品后插入横幅，每行有3个产品，横幅的大小等于2个产品的宽度。这就是我所需要的。

我已经通过jquery尝试了它，代码如下所示。

$("#left-area > ul > li:nth-child(4)").after(\'<img src="http://localhost/jew/wordpress/wp-content/uploads/2015/11/selection-page-copy_03.jpg">\');

图像已正确插入正确位置，但问题是，它正在更改横幅下方整个区域的布局，如下图所示

我试过编辑woocommerce的模板，但我看到那里的产品列表是动态生成的，我不知道该把图像的代码放在哪里。所以我尝试了Jquery。所以，请帮助我如何适应横幅，使产品位置根据横幅变化，但以适当的方式。提前谢谢你。