WooCommerce产品页增加OG社会化元标签

最模板 2022-04-11 23:42 WooCommerce教程
给WooCommerce产品页增加OG社会化元标签,好处大家知道,在facebook分享,直接取定义的产品图与描述,显示的更直观,对于facebook这样大型的社交网站,我们不得不在WooCommerce当中增加这样功能!
WooCommerce产品页增加OG社会化元标签

可以使用最模板研究出来的代码:

add_action( 'wp_head', 'zuimoban_product',3 );
function zuimoban_product(){
	//global $post;
    if ( is_product() ) {
        $product = wc_get_product( get_the_ID() );
		  
		if ( has_excerpt( $post->ID ) ) {
					$og_description = get_the_excerpt();
				} else {
					$og_description = wp_trim_words( strip_tags( strip_shortcodes( $product->get_description() ) ), '55', '...' );
				}
			
				if ( empty( $og_description ) ) {
					$og_description = $product->get_title();
				}
		$id = $loop->post->ID;
$image = wp_get_attachment_image_src( get_post_thumbnail_id( $id ) );
		
	//文章来源 https://www.zuimoban.com/woocommerce/tutorials/81.html	
         echo '<meta property="og:type" content="product" />' . "
";
        echo '<meta property="og:title" content="'.$product->get_title().'" />' . "
";
		echo '<meta property="og:url" content="'.$product->get_permalink().'" />' . "
";
		echo '<meta property="og:description" content="'.$og_description.'"  />' . "
";
		echo '<meta property="og:image" content="'.$image[0].'" />' . "
";
		 echo '<meta property="og:site_name" content="99go.com" />' . "
";
    }
}

上代码部分取WooCommerce产品页第一张图分享,描述部分取短描述,不存在就取descriptio大描述前55个单词,还不存在就取标题!

相关文章

  1. 在WooCommerce产品页面上显示销售总数

    让客户知道产品的受欢迎程度确实有助于转化。一种方法是在产品页面上显示产品已售出的次数。WooCommerce 已经记录了产品的销售次数,因此在产品页面上显示这些数据非常容易。 woo...

    2022-07-10
  2. 为注销的用户重命名WooCommerce我的帐户菜

    在您的 WooCommerce 商店中,您可能会有一个指向我的帐户页面的菜单链接。通常,无论用户是否登录,此链接都会显示我的帐户。但是,如果我们想让它为注销的用户说一些更有用的东西...

    2022-07-10
  3. 按国家地区禁用WooCommerce支付网关

    如果您使用 WooCommerce 向多个国家/地区销售商品,您可能需要阻止来自某些国家/地区的客户使用特定的支付网关。例如,您可能只想向美国客户提供 PayPal。或者您可能希望阻止澳大利亚...

    2022-07-10
  4. 变量$order获取WooCommerce订单信息

    在WooCommerce我怎样才能得到订单总额或者我怎样才能得到订单物品或者可能是订单 ID、客户 ID、账单信息、付款方式、总退款等等,使用变量$order可以获取。可能有 $order_id 可用。在这种...

    2022-04-15
  5. 在WooCommerce中以编程方式隐藏价格

    如果您具有编码技能并且更喜欢构建自己的解决方案,则可以以编程方式隐藏 WooCommerce 价格。使用插件是一种简单的方法,但创建自定义解决方案可以为您提供更多控制和灵活性。此外...

    2022-08-01
  6. 使用$product获取WooCommerce产品信息ID、S

    在WooCommerce中,使用变量$product 如何获取产品 SKU或者我怎样才能得到产品的简短描述或者可能是产品库存水平、运输等级、税收等级、价格、正常价格、销售价格等等.并非总是可以访问...

    2022-04-15
  7. 在WooCommerce列表页显示商品品牌

    安装好WooCommerce Brands 插件网站将显示品牌分类,商品也会出现品牌链接,但是商品列表页如何也显示商品品牌呢?仅将这些添加到单个产品页面中。 在woomcomerce当中添加以下代码: ad...

    2022-04-15
  8. 在 WooCommerce中自定义地址格式

    每个国家都有不同的地址格式,例如,美国使用缩写的州名,而澳大利亚通常显示完整的州名。这些不是一成不变的规则,它们总是可以改变的。如何 ? 通过当然是自定义代码: 此代码...

    2022-07-26
  9. 在WooCommerce单个产品图像上禁用缩放、灯

    如果WooCommerce您不销售具有大量细节的高端产品,您的客户可能不需要直接放大您的产品图像的能力。而且,如果您不上传高分辨率图像,那么缩放功能就毫无用处。这同样适用于灯箱和...

    2022-07-10
  10. 在WooCommerce添加产品视频代替图片

    WooCommerce 不允许您添加产品视频,但是我们可以用几行代码添加它,不需要第三方插件。 WooCommerce 产品图片用于说明您的产品,但有些产品需要视频才能更好地展示它们。在这里,我将...

    2022-04-04