如何使用WooCommerce搭建一个自动虚拟卡密发货网站

虚拟卡密的网站，我们希望到达的效果是：用户通过WooCommerce付款成功后，然后自动跳转到取卡密的页面。在WooCommerce中配置虚拟商品没有问题，就是卡在付款跳转到取卡密页面的问题上，下面就说说这个问题的解决方法。

如何跳转虚拟商品取卡密页面上

为了方便调试建议大家先装一个 test gateway for woocommerce 的插件，这个插件可以在WordPress的官网上搜索到，它的作用就是可以通过测试支付网关马上完成付款，不需要每次都用支付宝或贝宝来付款测试。

当我们购买虚拟产品支付完成后，跳转到的页面是WooCommerce的thankyou.php所生成的页面，没有办法获得卡密。

至于怎么样来生成卡密，这个问题在这里就不说了，只说说支付完成后怎么跳转。

实现代码

将下面的代码放置在functions.php里就可以实现跳转。

function wcs_redirect_product_based ( $order_id ){ $order = wc_get_order( $order_id ) foreach( $order->get_items() as $item ) { $_product = wc_get_product( $item['product_id'] ) // 添加你自己的虚拟卡密产品的product_id if ( $item['product_id'] == 44 ) { // 将下面的链接改成你自己需要的链接 wp_redirect('http://www.lewan100.com/) } }}add_action( 'woocommerce_thankyou', 'wcs_redirect_product_based' )

这段代码的作用就是当你的虚拟产品支付完成后，会跳转到自己定义的取卡密页面上去。

WooCommerce的资料真的很少。。。

WooCommerce产品图片有三种尺寸：

1、Single Product Image：是最大的缩略图，用在产品详情页面展示产品大图

2、Catalog Images：用在shop首页、相关产品、交叉销售和增量销售中

3、Product Thumbnails：最小的缩略图，用在购物车页、购物车小工具，产品详情页大图下方那一堆小图也是这个尺寸.

4、下述所有代码都应放在主题的functions.php中

add_filter( 'woocommerce_output_related_products_args', 'wc_custom_related_products_args' )

function wc_custom_related_products_args( $args ){

$args = array(

'posts_per_page' =>3,

'columns' =>3,

'orderby' => 'rand'

)

return $args

}

5、只更改数量无法达到想要的效果，还需要修改样式表，在主题的style.css里添加如下样式：

woocommerce .related ul li.product,

woocommerce .related ul.products li.product,

woocommerce-page .related ul li.product,

woocommerce-page .related ul.products li.product{

width:30%

}

在ytkah上可以找到

ytkah整理了一些WooCommerce代码合集，以供读者方便查阅和使用，更是为了理清思路，提高自己。WooCommerce简称WC，代码放在主题的functions.php中即可。

---