css 将店面产品共享图标移到WooCommerce产品页面上的说明下方。

Posted 2021-05-13

function sd_move_product_sharing() {

	if ( class_exists( 'Storefront_Product_Sharing' ) ) {
		remove_action( 'woocommerce_after_single_product_summary', array( Storefront_Product_Sharing(), 'sps_product_sharing' ), 5 );
		add_action( 'woocommerce_after_single_product_summary', array( Storefront_Product_Sharing(), 'sps_product_sharing' ), 15 );
	}

}
add_action( 'init', 'sd_move_product_sharing' );

@media screen and (min-width: 768px) {
  .storefront-product-sharing {
      padding: 0 0 2.618em 0 !important;
      border-top: 0 !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      margin-bottom: 2.618em;
  }
}