单期产品图片缩略图|WooCommerce

时间:2015-12-05 作者:Dev

我有一个名为“Labomba”的高级主题,在我为某人构建它的过程中,我已经玩了很长时间,现在我已经到了最后,我只需要解决这个问题。

本页的大部分内容都是标准化的WooCommerce,您可能会发现这一点。

主图像上的缩略图在此布局上向右浮动,但我的目标是让它们位于下方,但我将在它们所在的主分区中尝试各种CSS元素。我设法将它们放在下面,但正如您所看到的,这只是一个混乱,我看到使用内联块可能会有所帮助,但在某种程度上,我也尝试过这样做。

我还试着对图像的分辨率进行调整,看看这是否可以对问题进行进一步排序,但事实证明并非如此。

总的来说,主图像非常好,只是缩略图破坏了桌面和移动设备。

我甚至还研究了一些插件,其中一些插件覆盖了主图像&;缩略图,但尽管它可能会覆盖布局和缩略图,但遗憾的是,它看起来完全不同。我只是想从woocommerce中寻找一个全新的主图像和缩略图,同时保持这个主题。

此页面主题布局的线框:http://postimg.org/image/ec6k0zcgb/

要查看的示例产品链接:http://94.23.211.70/~cewp/product/concrete-drawing-sonnet-for-silence/

如果您需要我提供更多信息,请告诉我。我假设您将依赖inspect元素进行快速测试,如果您需要了解某个目录中的文件,也请告诉我。

感谢您抽出时间来尝试并为我解答这个问题。

1 个回复
最合适的回答,由SO网友:thebigtine 整理而成

问题在于包含div. 在里面/wp-content/themes/curiousegg/css/woocommerce.css 第677行的宽度div.thumbnails 设置为18% 你必须把这个增加到更多。改变.thumbnails 宽度为100%,然后更改.thumbnails a 到您想要的图像宽度。我试过了20% 看起来还可以。

screenshot of shop

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s