Joomla Virtuemart类别手机版式

Question

我试图解决这个问题的一天，我发现解决方案，但它不是我想象的和我想要的，所以我在这里达成更大更聪明的想法:)

我有一个是在流动布局每行一个产品，喜欢这里的网上商店：

enter image description here

，但我想看看它两连胜。现在，这是一个问题：在Virtuemart配置中，每行显示的产品设置为3，因为我希望在计算机和台式机设备（也包括笔记本电脑和更大的平板电脑）上每行看到3个产品，所以这是可以的，工作正常。

但在mobile.css此设置总是显示1在row.So移动设备，模板我搜索，我发现代码

.category-view .vm-col-3 

被设置为width: 100%

当我插入这个50％我得到这个：

enter image description here

我插入clear: none和float: left没什么g发生了。所以我想通了，我必须找到一些.row代码，因为我看到这是连续3个产品，就像它在配置中设置的一样，只是现在它更小并且按照这种排序，但仍然不像我想有。

然后，我发现行设置行：

.category-view .browse-view .row 

，并插入该行：

clear: none; 
float: left; 
width: 50%; 

有了这个，结果是最接近的，但仍然不是我所需要的。 总是9个产品，下3个是另一个（3个产品），然后再从两个开始连续并在9个产品后重复。

这里你可以看到它（用手机）：box2.appleoprema.com/index.php/iphone6-maskice-i-zastita

有人能告诉我请，如何解决这一问题？ 我已经尝试了很多方法和代码来解决这个问题，3天后我不知道该做什么。 在此先感谢您的帮助。

Answer 1

您好具有后一看似乎容器的结构是这样的

行 COL-1 COL-2 COL-3 行 等等

所以行中加入width: 50%;会混淆一切，因为有3个产品分配给每行。

你可以做的是要么width: 33%到.product.vm-col.vm-col-3media="(max-width: 640px)"显示每行3个产品或保持原样，以便该列获得100％的宽度显示每行1个产品。

如果您希望每行有2个产品用于移动显示器，那么您应该检查后端是否存在此类选项或调整所使用的组件/模块的html。