[WooCommerce extension] Các plugin của YITH WooCommerce

Bài viết này tôi sẽ viết tổng quát công dụng của các Plugin có trên trang web yithemes.com. Đây là trang web phát triển các plugin dùng cho trang cửa hàng WooCommerce.

Các plugin ở đây được dùng miễn phí và bạn có thể update lên trả phí để được dùng nhiều chức năng hơn.

1. Các plugin dùng cho cửa hàng WooCommerce và công dụng

1.1 YITH WooCommerce Wishlist

Tính năng sản phẩm yêu thích, người dùng có thể đưa các sản phẩm mà họ thích vào danh sách yêu thích của nó.

Các bạn có thể tải về Tại Đây

1.2 YITH WooCommerce Zoom Magnifier

Tính năng zoom ảnh sản phẩm.

Các bạn có thể tải về Tại Đây

1.3 YITH WooCommerce Compare

Tính năng so sánh thông tin sản phẩm.

Các bạn có thể tải về Tại Đây

1.4 YITH WooCommerce Ajax Product Filter

Tính năng lọc sản phẩm bằng AJAX.

Các bạn có thể tải về Tại Đây

1.5 YITH WooCommerce Ajax Search

Tính năng tìm kiếm sản phẩm bằng AJAX.

Các bạn có thể tải về Tại Đây

1.6 YITH WooCommerce Advanced Reviews

Bổ sung một số tính năng thêm cho phần đánh giá khách hàng trong sản phẩm.

Các bạn có thể tải về Tại Đây

1.7 YITH WooCommerce Order Tracking

Thêm tính năng theo dõi đơn hàng.

Các bạn có thể tải về Tại Đây

1.8 YITH WooCommerce Catalog Mode

Chuyển shop sang chế độ Catalog, nghĩa là đăng sản phẩm nhưng không có phần giỏ hàng và thanh toán.

Các bạn có thể tải về Tại Đây

1.9 YITH WooCommerce Cart Messages

Cho phép thêm một thông báo nào đó vào giỏ hàng.

Các bạn có thể tải về Tại Đây

1.10 YITH WooCommerce Authorize.net Payment Gateway

Tích hợp cổng thanh toán Authorize.net vào Woocommerce.

Các bạn có thể tải về Tại Đây

1.11 YITH WooCommerce Request A Quote

Thêm tính năng yêu cầu tư vấn trong mỗi sản phẩm.

Các bạn có thể tải về Tại Đây

1.12 YITH WooCommerce Multi Vendor

Biến Woocommerce từ một trang bán hàng cá nhân thành một chợ và thành viên có thể mở shop trên đó.

Các bạn có thể tải về Tại Đây

1.13 YITH WooCommerce Quick View

Thêm tính năng xem nhanh sản phẩm khi ở các trang lưu trữ hoặc trang sản phẩm.

Các bạn có thể tải về Tại Đây

1.14 YITH WooCommerce Review Reminder

Nhắc nhở khách hàng hãy gửi đánh giá.

Các bạn có thể tải về Tại Đây

1.15 YITH WooCommerce Stripe

Tích hợp cổng thanh toán Stripe.com vào Woocommerce.

Các bạn có thể tải về Tại Đây

1.16 YITH Live Chat

Thêm tính năng live chat với khách hàng thông qua dịch vụ Firebase.

Các bạn có thể tải về Tại Đây

1. 17 YITH Infinite Scrolling

Thêm hiệu ứng infinite scrolling vào trang sản phẩm hoặc bài viết.

Các bạn có thể tải về Tại Đây

1.18 YITH WooCommerce Badge Management

Quản lý các nhãn sản phẩm.

Các bạn có thể tải về Tại Đây

1.19 YITH WooCommerce Tab Manager

Chỉnh sửa hoặc tạo tab thông tin thêm trong sản phẩm.

Các bạn có thể tải về Tại Đây

Xem thêm: [WooCommerce extension] Hướng dẫn WooCommerce Tab Manager

1.20 YITH WooCommerce Mailchimp

Tích hợp mailchimp vào danh sách khách hàng trên website.

Các bạn có thể tải về Tại Đây

1.21 YITH WooCommerce Waiting List

Thêm chức năng đăng ký chờ sản phẩm qua email khi sản phẩm hết hàng.

Các bạn có thể tải về Tại Đây

1.22 YITH WooCommerce EU VAT

Bổ sung tỷ lệ thuế dành cho khách hàng Châu Âu.

Các bạn có thể tải về Tại Đây

1.23 Các YITH WooCommerce khác

Ngoài các YITH WooCommerce trên nếu bạn cần tìm hiểu thêm nhiều YITH WooCommerce khác các bạn có thể Vào Đây

Hiện tại trên yithemes.com có 92 YITH WooCommerce plugin.

2. Cách xem hướng dẫn của YITH WooCommerce plugin

Bạn thấy danh sách plugin của họ rất dài (hiện tại tính đến thời điểm này thì họ đã có 92 YITH WooCommerce plugin) vì vậy tôi không thể hướng dẫn hết cho các bạn (bạn nào cần hướng dẫn plugin nào có thể mail cho tôi). Cho nên ở đây tôi sẽ chỉ cách xem Hướng dẫn các YITH WooCommerce plugin của họ.

YITH cung cấp sẵn một thư viện hướng dẫn rất đồ sộ và chi tiết có hình ảnh, xem hoàn toàn miễn phí tại http://ift.tt/2djfYAv, khi vào đó, bạn kéo xuống phần plugin sẽ thấy danh sách các plugin của họ. Hãy tìm tên plugin mà bạn cần xem hướng dẫn và ấn vào nút View ở cột Documentation.

Sau đó bạn xem hướng dẫn của họ phân theo từng trang bằng cách truy cập vào các liên kết trên menu.

Ví dụ tôi bấm vào View của YITH WooCommerce Delivery Date thì tôi sẽ được như hình dưới

Các bài hướng dẫn của họ đều bằng Tiếng Anh và có hình ảnh rất chi tiết. Các bạn cố gắng đọc và làm theo hướng dẫn. Nếu có hướng dẫn nào các bạn không làm được có thể gửi mail cho tôi, Tôi sẽ viết bài hướng dẫn đó theo yêu cầu của các bạn.

Như vậy là chúng ta đã kết thúc bài viết về [WooCommerce extension] Các plugin của YITH WooCommerce

The post [WooCommerce extension] Các plugin của YITH WooCommerce appeared first on Blog Wordpress.

from WordPress http://ift.tt/2dr2hEm
via IFTTT

Các nhà cung cấp theme WordPress bạn cần biết

WordPress là một mã nguồn mở vì vậy có rất nhiều theme miễn phí được chia sẻ tràn lan trên mạng. Tuy nhiên nếu bạn có ý định làm blog lâu dài thì tôi khuyên các bạn nên dùng theme trả phí vì nó sẽ đẹp hơn, có nhiều tính năng hơn.

Vậy bạn cần mua ở đâu để được theme đẹp, chất lượng, giá cả phải chăng?

Vì vậy tôi viết bài này để các bạn biết thêm về các nhà cung cấp theme nổi tiếng nhất hiện nay mà các bạn có thể mua và an tâm sử dụng.

1. AppThemes

Nhà cung cấp này chỉ thiết kế mỗi 06 theme nhưng mỗi theme đều có nét riêng và rất đẹp.

Xem chi tiết các theme Tại đây

2. ElegantThemes

Nhà cung cấp này thiết kế các theme nhìn rất lịch lãm, sang trọng và chi tiết đến từng px.

Xem chi tiết các theme Tại đây

3. ThemeForest

ThemeForest hiện tại là một chợ theme lớn nhất. Ở đây bán đủ loại theme WordPress.

Các theme tại đây đều đạt chuẩn nhất định vì ai đó muốn bán theme trên đây đều phải trải qua một chu kỳ kiểm tra rất gắt gao để đạt chất lượng tốt nhất. Tất cả theme đều có kèm theo tài liệu hướng dẫn sử dụng đầy đủ.

Xem chi tiết các theme Tại đây

4. StudioPress

Phong cách thiết kế đơn giản, SEO tốt vì nó hoạt động dựa trên Genesis Framework.

Xem chi tiết các theme Tại đây

5. Diythemes

Phong cách thiết kế đơn giản, SEO tốt vì nó hoạt động dựa trên Thesis Framework.

Xem chi tiết các theme Tại đây

6. Theme Junkies

Phong cách thiết kế của Theme Junkies thuộc hàng đơn giản nhưng thanh lịch, phù hợp với nhu cầu tạo blog công nghệ, trang tạp chí cỡ nhỏ.

Xem chi tiết các theme Tại đây

7. Woothemes

Nếu bạn cần làm trang bán hàng nhỏ thì plugin WooCommerce với theme Storefront là một lựa chọn hoàn hảo.

Xem thêm: Học làm website bán hàng với plugin WooCommerce

8. Các nhà cung cấp khác

07 nhà cung cấp theme ở trên bạn phải biết vì họ là những nhà cung cấp nổi tiếng, uy tín với nhiều theme đẹp, giá cả phải chăng.

Ngoài ra nếu bạn cần thêm nhà cung cấp theme nổi tiếng nữa thì tôi xin liệt kê danh sách dưới đây để bạn tham khảo

– MyThemeShop & Thăm trang web

– SoloStream & Thăm trang web

– Templatic & Thăm trang web

– Magazine3 & Thăm trang web

– ThemeFoundry & Thăm trang web

– Themify & Thăm trang web

– Dessign & Thăm trang web

– Elmastudio & Thăm trang web

– GRAPH PAPER PRESS & Thăm trang web

– Oboxthemes & Thăm trang web

– PanKogut & Thăm trang web

– Themezilla & Thăm trang web

– Wpmudev & Thăm trang web

Đó là những nhà cung cấp theme nổi tiếng mà tôi biết ngoài ra nếu các bạn cần thêm nữa thì các bạn có thể vào xem danh sách Tại Đây

9. Lời khuyên

Tôi chỉ khuyên các bạn nên mua ở 07 nhà cung cấp mà tôi đã liệt kê ở trên vì những nhà cung cấp đó có nhiều theme đẹp, nhà cung cấp uy tín chất lượng, được nhiều người đánh giá cao.

Còn những nhà cung cấp khác mà tôi liệt kê các bạn chỉ mang tính tham khảo. Nếu bạn có muốn mua thì nên tìm hiểu thật kỹ nhé.

Vậy là chúng ta đã kết thúc bài viết về Các nhà cung cấp theme WordPress bạn cần biết

The post Các nhà cung cấp theme WordPress bạn cần biết appeared first on Blog Wordpress.

from WordPress http://ift.tt/2cEeALn
via IFTTT

Các lưu ý khi thay đổi theme WordPress

Khi bạn bắt đầu làm WordPress, bạn tìm và cài đặt theme mà bạn ưa thích nhưng khi blog WordPress của bạn hình thành và bạn cảm thấy theme đó không đáp ứng được những nhu cầu khác của bạn và bạn cần thay đổi một theme tốt hơn thì bài viết dưới đây sẽ mang tính tham khảo thêm cho bạn về những kinh nghiệm trong việc thay đổi theme của tôi để đảm bảo sau khi thay đổi giao diện, WordPress sẽ hoạt động trơn tru, có hiệu quả và đặc biệt là không làm giảm thứ hạng blog của bạn trên các bộ máy tìm kiếm.

1. Backup dữ liệu

Xem thêm: Các plugin backup bạn cần biết và hướng dẫn cơ bản

Đây là việc quan trọng mà bạn cần phải làm tự động mỗi ngày kể cả khi bạn không thay đổi theme. Nó giúp bạn đảm bảo an toàn về dữ liệu cũng như có thể khôi phục ngay blog nếu có sự cố xảy ra. Nên lưu giữ các bản backup trên nhiều nơi ngoài ổ cứng của bạn.

Sau khi backup xong, bạn nên tạo một localhost dưới máy tính và tiến hành khôi phục dữ liệu cũ vào localhost rồi tiến hành chỉnh sửa, thử nghiệm trên đó thay vì làm online. Chỉ khi nào bạn đã làm xong thì mới nên upload nó lên site chính. Nếu bạn muốn làm online bạn có thể tạo một tên miền phụ ví dụ backup.tenmiencuaban.com và sau đó tiến hành thử nghiệm, chỉnh sửa theo ý đồ của bạn. Cuối cùng khi bạn làm xong thì bạn sẽ upload nó lên site chính.

2. Xem hướng dẫn của theme mới trước khi thay đổi

Đa số các theme trả phí đều có hướng dẫn đi kèm, bạn nên giành thời gian tìm hiểu hướng dẫn trước khi tiến hành thay đổi

3. Kiểm tra theme

Nếu theme bạn được chia sẽ miễn phí trên mạng thì bạn cần phải làm các việc sau:

– Scan code tìm mã độc.
– Thay đổi thử các URL.
– Xóa các mã Javascripts không cần thiết.

Nếu khi thay đổi các url, xóa các đoạn mã Javascripts không cần thiết mà bạn bị redirect sang một trang web khác hay hiển thị thông báo yêu cầu bạn không được phép thay đổi url thì chia buồn với bạn nhé. Code trong theme của bạn bị mã hóa và bạn có thể không đủ khả năng biết nó mã hóa cái gì trong đó cả

4. Xóa các plugin không cần thiết

Đa số các theme trả phí khi bạn cài theme xong sẽ phải cài thêm các plugin cần thiết cho theme đó. Vì vậy khi bạn thay đổi theme thì các bạn cũng phải xóa các plugin mà theme trước đòi hỏi để cho Database của bạn nhẹ hơn và blog bạn chạy nhanh hơn

5. Kiểm tra sự hoạt động của các Plugin

Ngoài xóa các plugin không cần thiết bạn cũng cần phải kiểm tra xem theme này có tương thích với các plugin bạn đang có không.

6. Kiểm tra sự tương thích với các công cụ tìm kiếm

Hãy tiến hành kiểm tra ngay việc hiển thị của theme mới dưới các trình duyệt phổ biến như Firefox, IE, Chrome, Safari và các trình duyệt dành cho các thiết bị di động. Kiểm tra sự tương thích với các chuẩn XHTML, CSS thông qua các công cụ như W3C Markup Validation Service… Nếu theme không đạt chuẩn và không hiển thị tốt bạn nên tìm kiếm một theme khác phù hợp hơn.

7. Kiểm tra dịch vụ RSS Feed

RSS Feed là chức năng vô cùng quan trọng của mỗi website. Nó giúp bạn gửi thông tin về bài viết và sự kiện đến những bạn đọc của blog. Hãy luôn kiểm tra hoạt động của RSS Feed bằng cách đăng ký nhận tin từ chính Blog của mình thông qua dịch vụ FeedBurner của Google.

8. Sao lưu các Widget

Bạn sẽ phải làm việc này một cách thủ công vì đối với các widget dạng text bạn cần kiểm tra và chép các đoạn mã đã thêm vào widget sang một file mới với ghi chú đầy đủ. Sau khi thay đổi giao diện hãy thêm chúng trở lại.

9. Xoá các Widget không cần thiết

Khi sử dụng theme mới có thể các widget cũ không còn phù hợp nữa và theme mới có thể đã có tính năng đó hoặc có các widget tương tự như thế rồi. Hãy tìm và xóa chúng để blog của bạn hoạt động trơn tru hơn.

10. Lưu các đoạn code tùy chỉnh

Trong quá trình sử dụng, có thể các bạn đã đọc và làm theo các thủ thuật từ trên mạng và đưa vào blog giúp blog chạy nhẹ nhàng hơn mà không cần đến Plugin. Bạn cần kiểm tra và lưu lại toàn bộ code đã thêm trước đó.

11. Kiểm tra kích cỡ của trang và tốc độ load trang

Sử dụng các công cụ trực tuyến như Pingdom Tools, Google Page Speed Insight… để kiểm tra tốc độ tải trang, các thông báo lỗi, kích cỡ trang và cách khắc phục.

12. Kiểm tra và thêm lại mã thống kê

Đây là các đoạn mã quan trọng mà bạn cần phải kiểm tra và thêm ngay sau khi đổi theme. VD: Mã theo dõi từ Google Ananytics, mã xác nhận từ Google Webmaster Tools…

13. Kiểm tra liên kết

Đảm bảo rằng liên kết đến các trang quan trọng được hiển thị và hoạt động tốt đặc biệt là các trang như liên hệ, giới thiệu …

14. Thay đổi thiết kế và màu sắc của các quảng cáo

Với các Blog đang đặt quảng cáo của bên thứ ba như Google Adsense, Chikita, Clicksor… và có can thiệp để thay đổi màu sắc, kích cỡ của các quảng cáo thì bạn cũng nên kiểm tra lại để tránh việc quảng cáo hiển thị không nổi bật, hoặc các quảng cáo lớn hơn khung của website, nội dung dẫn tới việc tràn, vỡ khung vì mỗi theme đều có một khung và kích cỡ không giống nhau.

15. Kiểm tra shortcode

Có một việc rất khó chịu nếu bạn có dùng các shortcode được tích hợp sẵn vào theme là khi bạn đổi theme thì nó sẽ bị lỗi do shortcode đó không thể thực thi trên theme mới.

Do đó mình khuyến khích đừng bao giờ sử dụng các shortcode có trong theme mà nên dùng plugin, nếu có dùng thì nhớ kiểm tra lại kỹ lưỡng xem có bài nào sử dụng các shortcode cũ không.

16. Gửi thông báo đến bạn đọc

Sau khi thực hiện thay đổi theme bạn nên thông báo và tiếp nhận ý kiến của bạn đọc về những thay đổi trong thiết kế của blog. Bạn đọc là những người sử dụng các loại trình duyệt khác nhau, các hệ điều hành khác nhau, các kích cỡ màn hình với các độ phân giải khác nhau. Họ có thể phát hiển và góp ý cho bạn về các lỗi cũng như đưa cho bạn ý tưởng để hoàn thiện theme hiện tại.

17. Cập nhật

Đó là các lưu ý mà tôi đã tìm hiểu ở trên mạng trước khi thay đổi theme và tôi đã viết lại để chia sẽ cho các bạn. Nếu bạn thấy còn lưu ý nào cần thiết mà tôi chưa đề cập thì hãy bình luận ở dưới và tôi sẽ cập nhật ngay.

Vậy là chúng ta đã kết thúc bài viết về Các lưu ý khi thay đổi theme WordPress

The post Các lưu ý khi thay đổi theme WordPress appeared first on Blog Wordpress.

from WordPress http://ift.tt/2d0GNLu
via IFTTT

Các code cần thiết cho WooCommerce Product Documents

Bài này là bài hướng dẫn tiếp theo của bài [WooCommerce extension] Hướng dẫn Product Documents, trước khi các bạn tìm hiểu về bài này thì các bạn cần xem trước bài:

Xem thêm: [WooCommerce extension] Hướng dẫn Product Documents

1. Thay đổi kiểu hiển thị

Trước khi thay đổi:
Sau khi chép code:
Để được như hình trên các bạn chỉ cần chép code dưới vào cuối đoạn của file style.css (trong theme)

Xem thêm: Những điều cần biết về theme Storefront (Mục 7.1 Cài đặt và kích hoạt Plugin Theme Customisations)

Đây là plugin chỉ có chức năng chép code php, js, css của theme Storefront tránh sửa hoặc thêm code vào trực tiếp theme vì nó sẽ mất sạch khi bạn update phiên bản theme mới sau này.

Code thay đổi kiểu hiển thị

.ui-accordion .ui-accordion-icons {
    background: #005dab;
    color: #ffffff;
}

2. Cách mở một cửa sổ (Tab) mới khi khách hàng tải về tập tin trong Tài liệu sản phẩm

Bạn chép code dưới vào cuối đoạn của file functions.php (trong theme)

<?php
add_filter( 'wc_product_documents_link_target', 'wc_product_documents_open_link_in_new_window', 10, 4 );
/**
 * Opens all product documents links in new window/tabs
 */
function wc_product_documents_open_link_in_new_window( $target, $product, $section, $document ) {
        return '_blank';
}

3. Cách ẩn Tài liệu sản phẩm cho đến khi khách hàng đăng nhập

Bạn chép code dưới vào cuối đoạn của file functions.php (trong theme)

<?php
add_filter( 'wc_product_documents_get_sections', 'show_documents_only_for_logged_in_users', 10, 3 );
/**
 * Don't return document sections unless there is a logged in user.
 *
 * @param array $sections array of sections
 * @param WC_Product_Documents_Collection $collection the collection object
 * @param boolean $include_empty whether to include empty sections in the result
 * @return array sections for display
 */
function show_documents_only_for_logged_in_users( $sections, $collection, $include_empty ) {
    // this check can be made as specific (by user role, etc) as desired
    if ( ! get_current_user_id() ) {
        return array();
    }
    return $sections;
}

4. Cách di chuyển Tài liệu sản phẩm đến bất kỳ vị trí nào trên trang sản phẩm

Để di chuyển Tài liệu sản phẩm đến bất kỳ vị trí nào trên trang sản phẩm bạn cần dùng WooCommerce hooks. Đây là ví dụ di chuyển Tài liệu sản phấm đến vị trí cuối cùng trên trang sản phẩm

// Remove the default documents location and add it to the bottom of the product page
remove_action( 'woocommerce_single_product_summary', array( wc_product_documents(), 'render_product_documents' ), 25 );
add_action( 'woocommerce_after_single_product', array( wc_product_documents(), 'render_product_documents' ), 10 );

Như vậy là chúng ta đã kết thúc một bài viết về Các code cần thiết cho WooCommerce Product Documents

The post Các code cần thiết cho WooCommerce Product Documents appeared first on Blog Wordpress.

from WordPress http://ift.tt/2c0l0FQ
via IFTTT

[WooCommerce extension] Hướng dẫn Product Documents

Nếu bạn muốn đính kèm các tài liệu hướng dẫn cùng với sản phẩm để khách hàng có thể tải về được thì plugin này chính là một trong những sự lựa chọn tốt nhất của bạn.

1. Cài đặt

Bạn tải plugin này về và cài đặt như bình thường. Nếu bạn không có điều kiện để mua plugin này thì binhnet.com sẽ cung cấp cho bạn dùng thử với phiên bản mới nhất woocommerce-product-documents-1.6.0 tính từ thời điểm đăng bài viết này

Tải về : Tại đây

Sau khi bạn cài đặt, bạn nhớ kích hoạt.

2. Hướng dẫn cơ bản

Bạn vào WooCommerce >> Cài đặt >> Sản phẩm >> Hiển thị và sẽ thấy như hình dưới
Như hình trên trong mục Product Documents Default Title bạn có thể đặt tên Tiêu đề cho nó ở đây ví dụ Tài liệu sản phẩm nó sẽ mặc định đến tất cả các sản phẩm như hình dưới

Cách thay đổi tên mặc định (ví dụ Tài liệu sản phẩm) cho từng sản phẩm

Bạn vào WooCommerce >> Thêm sản phẩm (hoặc chỉnh sửa sản phẩm) và làm theo hình dưới

Như hình trên mục Product Documents Title nếu bạn để trống nó sẽ hiển thị mặc định chủ đề ví dụ Tài liệu sản phẩm, nếu bạn muốn một chủ đề mới cho sản phẩm này bạn có thể viết vào đây nó sẽ như hình dưới

Tìm hiểu mục Product Documents  (WooCommerce >> Sản phẩm >> Thêm sản phẩm (hoặc chỉnh sửa sản phẩm) >> Dữ liệu sản phẩm >> Product Documents)

Như hình trên để thêm nhiều Tab bạn bấm vào nút New Section và để thêm nhiều tập tin cho một Tab nào đó bạn bấm vào nút Add Document.
Set File: Tải lên tập tin từ máy tính hoặc từ thư viện hình ảnh.
Hoặc bạn có thể điền địa chỉ liên kết đến trang nào bạn muốn bằng cách nhập thẳng vào mục Document Path/URL
Nếu bạn muốn xóa Tab hoặc Tập tin bạn chỉ cần bấm vào nút Remove kế bên cạnh
Bạn cần đánh dấu vào mục Show Product Documents để cho phép tài liệu sản phẩm hiển thị trên trang sản phẩm
Ngoài ra như hình trên bạn thấy trong Tab Tài liệu 2 tôi đánh dấu vào mục Default thì khi xem trang nó sẽ hiển thị như hình dưới

Như hình trên bạn thấy tôi đánh dấu vào mục Default của Tài liệu 2 thì khi xem sản phẩm thì các phần tử trong Tab Tài liệu 2 được biểu diễn còn các phần tử trong Tab khác không được biểu diễn.

3. Sử dụng Widget

Khi bạn xem sản phẩm sẽ có kết quả như sau:

4. Sử dụng Shortcodes

Bạn có thể sử dụng Shortcodes ở vị trí nào cũng được trên cùng một sản phẩm hoặc ở các sản phẩm khác. Ngoài ra bạn có thể sử dụng Shortcodes trên các Tab của plugin WooCommerce Tab Manager

Xem thêm: [WooCommerce extension] Hướng dẫn WooCommerce Tab Manager

[woocommerce_product_documents] Đây là Shortcodes đặt tại vị trí nào cũng được trên cùng một sản phẩm. Ví dụ bạn tạo ra sản phẩm A và tạo ra tài liệu sản phẩm của sản phẩm A thì  tại bất kỳ vị trí nào trong sản phẩm A, bạn cũng có thể dùng shortcodes này [woocommerce_product_documents]

[woocommerce_product_documents product_id=”Số ID của sản phẩm” title=”Viết lại chủ đề bạn muốn”] Đây là Shortcodes đặt ở vị trí nào cũng được trên cùng một sản phẩm hoặc ở các sản phẩm khác. Ví dụ bạn tạo ra sản phẩm A có ID = 100 và tạo ra tài liệu sản phẩm của sản phẩm A thì tại bất kỳ vị trí nào của sản phẩm A hoặc ở các sản phẩm khác ví dụ sản phẩm B, sản phẩm C, … bạn cũng có thể dùng Shortcodes này [woocommerce_product_documents product_id=”100″ title=”Viết lại chủ đề bạn muốn”] 

Ngoài ra khi bạn dùng cùng với plugin WooCommerce Tab Manager, trong Tab bạn thêm vào, bạn muốn nó chỉ hiển thị trong cùng một mã sản phẩm thì bạn dùng Shortcodes sau [woocommerce_product_documents product_id=”Số ID của sản phẩm” product_sku=”Mã sản phẩm” title=”Viết lại chủ đề bạn muốn”]

[woocommerce_product_documents_list] Đây là shortcodes thể hiện hết tất cả các tài liệu sản phẩm có trong tất cả sản phẩm. Ví dụ bạn tạo sản phẩm A và tạo ra tài liệu sản phẩm A, bạn tạo sản phẩm B và tạo ra tài liệu sản phẩm B thì Shortcodes này [woocommerce_product_documents_list] sẽ bao gồm cả tài liệu sản phẩm A và tài liệu sản phẩm B.

5. Các code cần thiết cho WooCommerce Product Documents

Mục này khá dài nên tôi sẽ viết kỹ trong một bài hướng dẫn khác và sẽ cập nhật link trên đây cho các bạn tiện theo dõi.

Như vậy là chúng ta đã kết thúc bài [WooCommerce extension] Hướng dẫn Product Documents

The post [WooCommerce extension] Hướng dẫn Product Documents appeared first on Blog Wordpress.

from WordPress http://ift.tt/2czyvcq
via IFTTT

[WooCommerce extension] Hướng dẫn WooCommerce Tab Manager

Nếu bạn không muốn mình chỉ có duy nhất 03 tab mặc định (Tab Mô tả, Tab Thông tin thêm và Tab Đánh giá) khi xem sản phẩm mà cần nhiều tab hơn để hiển thị nhiều nội dung khác nhau ở từng sản phẩm thì plugin WooCommerce Tab Manager là một lựa chọn tốt nhất của bạn. Đây là plugin khá phổ biến vì nó có thể dùng cho nhiều loại cửa hàng khác nhau. Vì vậy mà tôi viết bài hướng dẫn cách sử dụng plugin này.

Đây là plugin tạo thêm Tab dùng để mặc định cho tất cả các sản phẩm của bạn hoặc chỉ mặc định tất cả sản phẩm trong những danh mục sản phẩm được chọn. Không những thế bạn còn có thể thêm nhiều loại Tab khác nhau vào chỉ một sản phẩm.

1. Cài đặt

Plugin này cũng được cài đặt như các plugin trả phí khác.

Do plugin này cần thiết mà giá thì đắt nên tôi sẽ chia sẽ plugin cho các bạn với phiên bản mới nhất tính tới thời điểm tôi đăng bài viết này WooCommerce-Tab-Manager-1.7.1

Tải về: Tại đây

2. Tổng quan

Bạn vào WooCommerce >> Tab Manager >> bạn sẽ thấy như hình dưới
Tabs: Đây là nơi quản lý những Tab bạn thêm vào.
Add Global Tab: Nếu bạn thêm tab này nó sẽ mặc định đến tất cả các sản phẩm có trong Shop của bạn hoặc bạn cũng có thể cho nó chỉ thể hiện ở những danh mục sản phẩm nào đó. (Cái này tôi sẽ nói kỹ ở mục sau)
Default Tab Layout: Đây là nơi thể hiện các Tab như Tab Mô tả, Tab Thông tin thêm, Tab Đánh giá, Global Tab (Cái này tôi sẽ nói kỹ ở mục sau) và quản lý các tab đó, nếu bạn không muốn hiển thị có thể xoá nó hoặc thêm lại nó. Không những thế ở đây nó còn cho các bạn sắp xếp lại vị trí các Tab bằng cách rê chuột vào Tab cần thay đổi vị trí sau đó giữ chuột và kéo đến vị trí mới

3. Tìm hiểu mục Default Tab Layout

Bạn vào WooCommerce >> Tab Manager >> Default Tab Layout và làm theo hình dưới
Như hình trên các bạn cần sửa lại các chữ Tiếng Anh thành Tiếng Việt (Tôi đã làm mẫu sẵn như hình), bạn có thể xoá các Tab mặc định mà bạn không muốn hiển thị hoặc thêm lại các tab mặc định đã xoá. Không những thế ở đây nó còn cho các bạn sắp xếp lại vị trí các Tab mặc định bằng cách rê chuột vào Tab cần thay đổi vị trí sau đó giữ chuột và kéo đến vị trí mới

Sau khi các bạn đã chỉnh sửa theo ý đồ của mình các bạn nhớ bấm vào nút Save Changes (Lưu thay đổi)

4. Cách thêm một Tab mới mặc định cho tất cả các sản phẩm có trong Shop của bạn

Ví dụ bây giờ tôi muốn thêm một Tab tên là Chính sách vận chuyển mặc định đến tất cả các sản phẩm, tôi làm như sau:
Tôi vào WooCommerce >> Tab Manager >> Add Global Tab và làm theo hình dưới
Như hình trên ở phần Product Categories (Danh mục sản phẩm) tôi để trống nghĩa là Tab này sẽ mặc định đến tất cả các sản phẩm. Sau đó tôi bấm vào Save Tab.

Bây giờ tôi vào WooCommerce >> Tab Manager >> Default Tab Layout >> Thêm Tab vừa mới cấu hình ở trên (Chính sách vận chuyển) sau đó Save Changes như hình dưới

Bây giờ bạn ra ngoài trang Shop xem bất kỳ sản phẩm nào sẽ nhìn thấy như hình dưới

Bạn làm tương tự các bước trên nếu muốn thêm một tab mới nữa mặc định cho tất cả sản phẩm

5. Cách thêm một Tab mới chỉ mặc định ở những danh mục sản phẩm mà bạn chọn.

Ví dụ bây giờ tôi muốn thêm một Tab tên là Chính sách vận chuyển chỉ mặc định ở những danh mục sản phẩm mà tôi chọn, tôi làm như sau:
Tôi vào WooCommerce >> Tab Manager >> Add Global Tab và làm theo hình dưới
Như hình trên ở phần Product Categories (Danh mục sản phẩm) tôi thêm các danh mục như Sách giáo khoa, Music, T-shirts nghĩa là Tab này chỉ mặc định đến tất cả các sản phẩm ở trong danh mục Sách giáo khoa, Music, T-shirts. Sau đó tôi bấm vào Save Tab.

Bây giờ tôi vào WooCommerce >> Tab Manager >> Default Tab Layout >> Thêm Tab vừa mới cấu hình ở trên (Chính sách vận chuyển) sau đó Save Changes

Bạn làm tương tự các bước trên nếu muốn thêm một tab mới nữa chỉ mặc định cho tất cả sản phẩm trong một danh mục nào đó

6. Cách thêm nhiều Tab chỉ vào một sản phẩm

Với hai mục 4 và 5 tôi vừa hướng dẫn tôi nghĩ đủ để bạn thêm Tab theo ý đồ của bạn. Nhưng nếu bạn cần thêm nhiều Tab chỉ vào một sản phẩm thì bạn làm theo hướng dẫn sau:
Bạn vào Sản phẩm >> Thêm sản phẩm (hoặc chỉnh sửa sản phẩm đã thêm) >> Kéo chuột đến mục dữ liệu sản phẩm chọn mục Tabs >> đánh dấu vào Override default tab layout  và làm theo hình dưới
Như hình trên bạn bấm vào Add chọn Custom Tab để thêm Tab mới hoặc chọn những Tab đã có sẵn sau đó cấu hình nó và Đăng bài viết.

Lưu ý rằng các Tab như Tab Mô tả, Tab Thông tin thêm và Tab Đánh giá các bạn phải chỉnh sửa lại các chữ Tiếng Anh thành Tiếng Việt.

7. Cách thêm nội dung của Tab mới vào kết quả tìm kiếm trên trang bán hàng của bạn

Bạn vào WooCommerce >> Tab Manager >> Tabs chọn Tab nào bạn muốn thêm nội dung vào kết quả tìm kiếm như hình dưới

Sau khi bạn bấm vào Tab đó bạn sẽ thấy như hình dưới
Như hình trên bạn đánh dấu vào mục Include tab content in search results? (bao gồm nội dung của tab trong kết quả tìm kiếm) và bấm Save Tab

Bạn vào WooCommerce >> Cài đặt >> Sản phẩm >> Tab Manager >> bấm vào nút Update như hình dưới
Lưu ý rằng bạn chỉ cần bấm vào nút Update một lần duy nhất. Lần sau nếu bạn có thêm Tab mới và đánh dấu vào mục Include tab content in search results? (bao gồm nội dung của tab trong kết quả tìm kiếm) thì nó sẽ tự động Update nội dung của tab đó vào kết quả tìm kiếm bạn không cần phải làm lại bước này.

8. Tương thích và kết hợp với các Plugin khác

– Tương thích với plugin miễn phí Relevanssi – A Better Search (cái này tôi sẽ hướng dẫn sau)
– Kết hợp với các plugin như Gravity Forms (trả phí), Catalog Visibility Options (trả phí) để tạo các mẫu Form đẹp như Tạo mẫu Quote Forms trên web bán hàng của bạn (cái này tôi sẽ hướng dẫn sau) …
– Kết hợp với Gravity Forms (trả phí), Product Enquiry Form (trả phí) để tại mẫu Pre-Sales Form trên web bán hàng của bạn (cái này tôi sẽ hướng dẫn sau) …

9. Xung khắc với các plugin, theme

– Xung khắc với plugin Post Type Switcher
– Xung khắc với Enfold theme từ Kriesi

Do bài viết đã khá dài nên tôi tạm ngừng bài viết ở đây, Các bài hướng dẫn như:

– Hướng dẫn cấu hình Relevanssi – A Better Search với WooCommerce Tab Manager.
– Hướng dẫn kết hợp WooCommerce Tab Manager, Gravity Forms, Catalog Visibility Options để tạo mẫu Quote Forms trên web bán hàng của bạn.
– Hướng dẫn kết hợp WooCommerce Tab Manager, Gravity Forms, Product Enquiry Form để tạo mẫu Pre-Sales Form trên web bán hàng của bạn.

Các bài hướng dẫn trên tôi sẽ viết trong thời gian sớm nhất và sẽ cập nhật link ở đây để cho các bạn tiện theo dõi

Như vậy là chúng ta đã kết thúc một bài dài về [WooCommerce extension] Hướng dẫn WooCommerce Tab Manager.

The post [WooCommerce extension] Hướng dẫn WooCommerce Tab Manager appeared first on Blog Wordpress.

from WordPress http://ift.tt/2bOeJv3
via IFTTT

[WooCommerce extension] Hướng dẫn Storefront Mega Menus

Nếu menu mặc định trong theme storefront không thể biểu hiện hết những chuyên mục sản phẩm trong cửa hàng của bạn hoặc bạn cần một menu ngang đa cấp đẹp mà khách hàng chỉ cần rê chuột vào nó sẽ thể hiện hết các chuyên mục sản phẩm có trong cửa hàng của bạn thì bạn dùng [WooCommerce extension] Storefront Mega Menus.

Đây là extension có chức năng thêm menu con (widget) vào menu chính tạo thành các menu ngang đa cấp.

1. Lưu ý

Storefront Mega Menus này chỉ dùng cho theme Storefront.
Storefront Mega Menus này chỉ làm việc tại vị trí Primary Menu

2. Cài đặt

Plugin này cũng cài đặt như các plugin khác. Nếu bạn chưa có điều kiện mua bản quyền thì binhnet.com sẽ cho các bạn cơ hội dùng plugin chất lượng này bằng việc chia sẻ miễn phí phiên bản Storefront-Mega-Menus-1.3.1 Các bạn có thể tải về, upload lên thư mục wp-content/plugin và kích hoạt như thường.

Tải về: Tại đây

3. Hướng dẫn sử dụng

3.1 Thêm một Trình đơn mới ( Add a menu)

Bạn vào Giao diện (Appearance) >> Tùy chỉnh (Customize) >> Menu >> Thêm 1 trình đơn (Add a menu) như hình dưới
Như hình trên sau khi bạn bấm vào Thêm 1 trình đơn (Add a menu) >> bạn điền tên ( ví dụ Mega menu) >> bạn bấm vào Tạo trình đơn (Create Menu)

3.2 Chọn vị trí Trình đơn vừa tạo (ví dụ Mega menu)

Sau khi bạn bấm vào Tạo trình đơn (Create Menu) >> Bạn chọn vị trí như hình dưới
Lưu ý lại rằng  Extension này chỉ làm việc với Vị trí trình đơn là Primary Menu.

3.3 Thêm mục vào menu

Như hình trên bạn bấm vào nút Thêm mục và các bạn thêm vào các thành phần ví dụ Blog, Shop, Cửa hàng … tùy theo ý đồ của bạn như hình dưới
Như hình trên sau khi các bạn thêm các trang như Blog, Shop, Cửa hàng … bạn bấm lại vào nút Thêm mục.

3.4 Cấu hình Mega menu

Bây giờ tôi chọn mục Shop để làm Mega menu thì tôi sẽ làm như hình dưới

3.5 Thêm Widget

Bạn bấm vào nút Add a Widget và ở đây bạn có thể thêm bao nhiêu Widget vào menu Shop cũng được như hình dưới

3.6 Thay đổi kích thước của các Widget

Bạn có thể thay đổi kích thước của Widget bằng cách rê chuột vào góc sau đó giữ chuột và kéo như hình dưới

3.7 Thay đổi thứ tự vị trí của các Widget

Bạn có thể thay đổi thứ tự vị trí của các Widget bằng cách rê chuột vào Widget bạn muốn thay đổi vị trí sau đó giữ chuột và kéo đến thứ tự vị trí bạn muốn như hình dưới

3.8 Xoá Widget

Bạn có thể xoá Widget bằng cách bấm vào nút hình tam giác nhỏ bên cạnh tiêu đề Widget sau đó bấm nút xoá như hình dưới

3.9 Cho phép Mega Menu và Xem trước những thay đổi

Để cho phép Mega Menu, bạn đánh dấu vào mục Enable như hình dưới

Để xem trước những thay đổi bạn chỉ cần bấm vào nút Thu gọn (Collapse menu) như hình dưới

4. Làm thế nào để thêm một cái khác Tiêu đề và liên kết vào Mega Menu

Để làm được điều này bạn cần cài thêm một plugin miễn phí tên là Better Menu Widget và làm theo hình dưới
Như hình trên bạn thấy bạn có thể thêm Tiêu đề nào bạn thích, thêm liên kết vào tiêu đề đó, chọn menu nào bạn muốn. Nhưng bạn cần lưu ý rằng trong mục Menu Classes bạn phải để trống nghĩa là bạn phải xoá chữ sub-menu như mặc định.

Như vậy là chúng ta đã tìm hiểu xong về Storefront Mega Menus. Hi vọng qua bài viết này sẽ giúp cho cửa hàng của bạn hoàn thiện hơn cũng như đẹp hơn.

The post [WooCommerce extension] Hướng dẫn Storefront Mega Menus appeared first on Blog Wordpress.

from WordPress http://ift.tt/2c5MBV2
via IFTTT