Hướng dẫn custom woocommerce – phần 1
Friday, January 8, 2016 8:03
% of readers think this story is Fact. Add your two cents.
- Tuyên bố theme đã hỗ trợ woocommerce
add_action( 'after_setup_theme', 'woocommerce_support' ); function woocommerce_support() { add_theme_support( 'woocommerce' ); }
- Copy tất cả file trong folder templates vào folder theme hiện hành và đổi tên thành woocommerce
- Custom hiển thị thông tin của một sản phẩm
Mở file content-product.php và thay thế toàn bộ code nằm trong thẻ
- Style hiển thị một row là 4 cột
.cutom-woocommerce-product-item-title-and-price h2 a { font-weight: normal; font-size: 14px; clear: both; text-align: center; } .cutom-woocommerce-product-item { width: 23.5%; float: left; margin-right: 2%; background: #fff; text-align: center; min-height: 290px; margin-bottom: 40px; } .cutom-woocommerce-product-item:nth-of-type(4n+4) { margin-right: 0; } span.amount { text-decoration: none; } .cutom-woocommerce-product-item-title-and-price ins { text-decoration: none !important; font-weight: 700 !important; color: #F91111 !important; }
- Còn tiếp(…)
2016-01-08 07:00:04
Nguồn: http://fcwordpress.net/huong-dan-custom-woocommerce-phan-1.html