Question

我已经设置了woocommerce商店。在我的商店里，每件产品都有超过16个画廊图像。

所以我想显示前8个图库图像，然后在下面显示一个链接“查看更多示例配置”点击可折叠事件工作，然后下面显示另外8个图库图像。看到这个屏幕截图 - ＆gt; http://nimb.ws/2buKoh

对于我的要求，我在谷歌研究，但找不到任何解决方案。所以任何人都知道解决方案，请帮助我。

谢谢，科坦。

Answer 1

你可以尝试这个jquery代码。你需要将这个jQuery添加到你的主题选项中，下面是footer.php中的wp_footer（）

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
<div id="app-7">
  <todo-item v-for="item in groceryList" :todo="item" :key="item.id" @change.native="setText(item, $event.target.value)">
  </todo-item>
  <div v-for="item in groceryList">
    {{item.text}}
  </div>
</div>

添加代码后，转到产品页面，然后点击查看更多示例配置。试试这个，然后告诉我结果。感谢

如何在可折叠中显示Woocommerce产品库图像

1 个答案: