如何在Volusion中使产品列宽度跨越整个移动屏幕并具有产品堆栈？

Trying to make product column width in Volusion span the entire screen for mobile and have products stack below. I am working out of this site: http://enpgp.fzsvf.servertrust.com/category-s/100.htm and you can see on mobile the products simple cram together as opposed to stacking.

尝试在Volusion中创建产品列宽度跨越整个移动屏幕,并在下面有产品堆栈。我正在这个网站上工作:http://enpgp.fzsvf.servertrust.com/category-s/100.htm你可以在移动设备上看到产品简单拼凑而不是堆叠。

1 个解决方案

#1

You need to go to each category that you want to be responsive and select in the category display mode dropdown menu "Responsive Grid".

您需要转到要响应的每个类别,并在类别显示模式下拉菜单“响应网格”中进行选择。

If that option for some reason is not shown you can force the category into "responsive mode" by changing one of the options in the "Product Display Mode" to "7" and then select it and click the save button. You would do that with Firebug. You could also import a "7" into "Product Display Mode" for that category via the API.

如果由于某种原因没有显示该选项,您可以通过将“产品显示模式”中的一个选项更改为“7”来强制该类别进入“响应模式”,然后选择它并单击保存按钮。你会用Firebug做到这一点。您还可以通过API将“7”导入该类别的“产品显示模式”。

<select name="Category_DisplayMode" onblur="ProcessFieldUsage(this);" onkeyup="ShowSave()" onchange="ShowSave()">
    <option value="">Select</option>
    <option value="1">Single Rows</option>
    <option value="2">Grid</option>
    <option value="4">Checkboxes</option>
    <option value="5">List</option>
    <option value="6">Lightweight Grid</option>
 </select>

Shown after the modification

修改后显示

<select name="Category_DisplayMode" onblur="ProcessFieldUsage(this);" onkeyup="ShowSave()" onchange="ShowSave()">
    <option value="">Select</option>
    <option value="1">Single Rows</option>
    <option value="2">Grid</option>
    <option value="4">Checkboxes</option>
    <option value="5">List</option>
    <option value="7">Lightweight Grid</option>
 </select>

#1