首页和页面生成器：如何在Elementor中使用Foxiz Product Block

[Foxiz]

该主题包括对Elementor中的网格产品块的支持，它允许您通过选项管理响应式网格列，而无需额外的列参数。

Products-1024x354.jpg

要添加商店简码，请输入以下内容：

代码： 全选

[products limit="5" orderby="popularity"]

要创建您自己的短代码，请参阅以下原始文档：

https://docs.woocommerce.com/document/woocommerce-shortcodes/

如何将此短代码添加到主页

要将此短代码添加到您的主页，请按照下列步骤操作：

1. 导航到页面 > 所有页面。
2. 选择您想要编辑或添加新页面的页面，然后单击使用Elementor编辑链接。
3. 该网站将重定向到另一个URL，并且该面板将出现在页面上。然后您可以在Elementor中搜索Grid Products块。
   
   h1.jpg
4. 搜索Grid Products后，您可以将块拖放到其中。
5. 粘贴您的简码。
   
   H4.jpg
6. 点击“Update”

响应列

1. 在实时构建器编辑器中，选择您要编辑的块。
2. 选择Layout选项卡。
   
   H3.jpg
3. 然后为每个设备选择列：台式机、平板电脑和移动设备
4. 选择布局的列间隙。如果您想为每种类型的设备设置不同的值，请选择custom和输入值。

响应布局

1. 在实时构建器编辑器中，选择您要编辑的块。
2. 选择Layout选项卡 > Mobile Responsive > Mobile Layout.。
   
   H5.jpg
3. 然后选择移动设备上的布局

平板电脑/手机水平滚动

1. 在实时构建器编辑器中，选择您要编辑的块。
2. 选择Layout选项卡 > Tablet/Mobile Horizontal Scroll > Horizontal Scroll。
   
   H6.jpg
3. 然后在平板电脑/移动设备上选择“enable” 。

添加偏移量

为产品的短代码添加偏移参数。默认的WooCommerce短代码不支持此参数

4.jpg