[shortcode attribute1="value1"attribute2="value2"] 例如,简码[products limit="4" columns="2"]以两栏布局显示四种产品。 古腾堡区块编辑器 有了Gutenberg编辑器,添加短代码很容易。只需按下加号添加一个新的块,在搜索栏中输入Shortcode,并选择短码区块。 然后,在字段中输入你的短码。 保存页面并查看它。
显示特色推荐商品:featured_products 和最新商品简码类似,只不过这个简码显示的是后台推荐的特色商品。下面的示例简码中,显示 12 个推荐商品,每行显示 4 个。 参数: PHP array('per_page'=>'12','columns'=>'4','orderby'=>'date','order'=>'desc')[featured_products per_page="12"columns="4"] ...
4.[sale_products] 列出所有正在促销的商品。 示例: [sale_products limit="5"] 5.[featured_products] 显示被标记为“特色”的商品。 示例: [featured_products columns="3"] 购物车与结账相关短代码 [woocommerce_cart] 显示当前购物车的内容,用于自定义购物车页面。 [woocommerce_checkout] 嵌入完整的结账...
自WooCommerce 3.2 起,WooCommerce 短代码[featured_products]现已替换为:[products visibility="featured"] 以下将把产品描述添加到特色产品简码中:add_action( 'woocommerce_shop_loop_item_title', 'add_product_description_products_shortcode', 20 ); function add_product_description_products_shortcode() { glob...
显示特色推荐商品:featured_products 和最新商品简码类似,只不过这个简码显示的是后台推荐的特色商品。下面的示例简码中,显示 12 个推荐商品,每行显示 4 个。 参数: array( 'per_page' => '12', 'columns' => '4', 'orderby' => 'date',
woocommerce shortcode短代码调用 WooCommerce配备了很多shortcode短代码(简码),可以直接在post帖子和page页面内插入内容,方便展示产品、分类等。比如直接在文章编辑时直接插入[products],或者在php文件中插入<?php echo do_shortcode('[product]'); ?>以下是一些常用的woocommerce短代码...
[featured_products per_page="12"columns="4"orderby="date"order="desc"] 什么样的产品是特色产品?见下图红色标注。 显示一个产品 用product shortcode,可以指定id或者sku。 1 2 [product id="99"] [product sku="FOO"] 显示效果如下: 如何知道产品ID?找到产品列表,鼠标放到标题上。
WooCommerce简码(shortcode)可以让我们将产品、购物车等内容加入到页面或者文章中。我们在外贸建站时,可以直接通过Elementor Pro的Product元素块来配置产品的展示,但如果元素块或是主题无法提供所需的产品配置呢?那学习WooCommerce简码能让你自定义所需的产品展示,譬如在网站首页,以tab标签的形式展示不同类目的产品。
woocommerce shortcode短代码调用 WooCommerce配备了很多shortcode短代码(简码),可以直接在post帖子和page页面内插入内容,方便展示产品、分类等。比如直接在文章编辑时直接插入[products],或者在php文件中插入<?php echo do_shortcode('[product]'); ?>以下是一些常用的woocommerce短代码...
This shortcode explicitly states four products with four columns (which will be one row), showing the most popular on-sale items. It also adds the quick-sale CSS class, which we can target and modify using custom CSS. Scenario 2: Featured products Here’s how to display featured products...