Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 15++ Năm (Từ 2006 đến Nay)

100 thủ thuật trong Woocommerce (phần 1)

5/5 - (6 bình chọn)

Đây là 100 mẹo và thủ thuật thường được sử dụng trong Woocommerce. Để áp dụng những kiến thức dưới đây, bạn hãy chắc chắn luôn có quyền truy cập vào ftp máy chủ của bạn, để thực hiện các thay đổi trên website. Và để chắc chắn hơn, bạn hãy cứ backup dữ liệu trên website để tránh những thay đổi ngoài ý muốn xảy ra.

Trong phần một này, chúng ta sẽ cùng tìm hiểu 25 thủ thuật đầu tiên:

  1. Gỡ bỏ thanh thả xuống trong phần đặt hàng

Để loại bỏ hoàn toàn thanh thả xuống và các tùy chọn trong phần đặt hàng, thêm đoạn sau vào file functions.php của bạn:remove_action(‘woocommerce_before_shop_loop’,’woocommerce_catalog_ordering’, 30 );Tuy nhiên, nếu bạn muốn chỉnh sửa thanh thả xuống và các tùy chọn khác. Bạn có thể tìm đến tập tin sau để điều chỉnh:/wp-content/plugins/woocommerce/template/loops/orderby.phpNếu bạn điều chỉnh ở thư mục trên thì khi bạn cập nhật Woocommerce những điều chỉnh đó của bạn sẽ mất. Mình khuyên bạn nên sao chép cả tệp đó cho vào chủ đề của bạn như đường dẫn sau:/wp-content/themes/yourtheme/woocommerce/loops/orderby.phpSau đó, chỉnh sửa và ghi đè vào tệp đó.

  1. Thêm một đường viền xung quanh phần mô tả sản phẩm

Sửa đổi kích thước đường viền (1px, 2px…), kiểu (solid, dotted, dashed) và màu sắc (#xxxxxx) cho phù hợp với yêu cầu của bạn. Trong ví dụ dưới đường viền có kích thước 1px, kiểu solid và màu sắc có mã màu #e6e6e6:

.woocommerce .woocommerce-tabs {border: 1px solid #e6e6e6}

Xem Thêm: Woocommerce là gì? Cách cài đặt Woocommerce làm site bán hàng

  1. Xóa riêng (hoặc tất cả) các tabs sản phẩm

Sử dụng đoạn mã sau trong file functions.php nếu bạn muốn xóa bất kỳ (hoặc tất cả) các tab sản phẩm, ví dụ như tab mô tả và đánh giá:

100 thủ thuật trong Woocommerce (phần 1) 1-5

  1. Xóa tab đánh giá, chỉ để lại tab mô tả sản phẩm

Chỉ cần thêm đoạn css sau vào file style.css của bạn:

.woocommerce .woocommerce-tabs ul.tabs {display:none !important}

  1. Thêm video vào sản phẩm của bạn

Plugin này cho phép bạn thêm một video vào trang sản phẩm với một tab bổ sung, cho phép khách hàng xem video mà bạn đã nhúng. Plugin: WooCommerce Video Product Tab

100 thủ thuật trong Woocommerce (phần 1) 2-4

  1. Kết nối cửa hàng Ebay của bạn với cửa hàng thương mại điện tử một cách dễ dàng

Nếu bạn có cửa hàng trên trang Ebay và bạn muốn kết nối nó với cửa hàng của bạn. Hãy sử dụng plugin dễ dàng và linh hoạt này: WP-Lister for eBay

100 thủ thuật trong Woocommerce (phần 1) 3-3

Xem thêm: Woocommerce 3.0.x có gì mới?

  1. Thêm lại các tabs sản phẩm

Thêm vào file functions.php đoạn code sau đây (đoạn code của mình đã sắp xếp theo thứ tự: đánh giá, mô tả và thông tin bổ sung.

100 thủ thuật trong Woocommerce (phần 1) 4-3

  1. Tạo phần giảm giá cho những đơn đặt hàng lớn

Nếu bạn có những chương trình giảm giá cho những đơn hàng có giá trị lớn hoặc có số lượng lớn thì plugin WooCommerce Bulk Discount rất phù hợp để giúp bạn thực hiện điều đó. Với việc giảm giá, plugin này có thể được hiển thị trên một số trang khác nhau hoặc khi bạn di chuột qua sản phẩm. Và nó có thể được vô hiệu hóa một cách dễ dàng trong các trang tùy chọn sản phẩm.

100 thủ thuật trong Woocommerce (phần 1) 5-2

  1. Hiển thị xếp hạng sao trong Woocommerce

Hệ thống xếp hạng mặc định của Woocommerce là các ngôi sao. Nhưng chúng đã được vô hiệu hóa để hệ thống xếp hạng phù hợp với từng chủ đề. Nếu bạn muốn thay thế nó so với mặc định, bạn có thể lưu hình ảnh dưới đây hoặc lấy chúng từ: plugins/WooCommerce/assets/images và đặt chúng vào thư mục images trong chủ đề của bạn.

100 thủ thuật trong Woocommerce (phần 1) 6-2

Sau đó, thêm đoạn css dưới đây vào file style.css của bạn.

100 thủ thuật trong Woocommerce (phần 1) 7-2-1024x557

Nếu bạn thấy các ngôi sao trùng lặp trên sản phẩm của mình, bạn hãy thêm đoạn css dưới:

100 thủ thuật trong Woocommerce (phần 1) 8-1-1024x78

Xem thêm: Tìm hiểu các trang cơ bản trong Woocommerce

  1. Ẩn sản phẩm trong cửa hàng nếu bạn chưa sẵn sàng để bán

Để ẩn sản phẩm mà bạn không muốn khách hàng mua cho đến khi bạn muốn bán chúng, bạn chỉ cần thay đổi “mức độ hiển thị catalog” sang ẩn trong phần đăng sản phẩm.

100 thủ thuật trong Woocommerce (phần 1) 9-2-1024x526

  1. Loại bỏ tùy chọn sắp xếp theo giá

Đơn giản, bạn chỉ cần thêm đoạn css sau để ẩn nó:

100 thủ thuật trong Woocommerce (phần 1) 10-2

  1. Cá nhân hóa một tab sản phẩm để thực hiện chính xác những gì bạn muốn

Thêm đoạn mã sau và file functions.php, đảm bảo bạn đã thay thế tab mô tả với một chức năng tùy chỉnh:

100 thủ thuật trong Woocommerce (phần 1) 11-1

  1. Hiển thị mô tả sản phẩm bên dưới hình ảnh

Thêm đoạn mã sau và file functions.php:

100 thủ thuật trong Woocommerce (phần 1) 12-1

  1. Tự động thêm sản phẩm vào giỏ hàng khi truy cập

Nếu bạn muốn tự động thêm một sản phẩm vào giỏ hàng khi truy cập, hãy thêm đoạn mã sau và file functions.php:

100 thủ thuật trong Woocommerce (phần 1) 13

Xem thêm: Woocommerce đang chiếm lĩnh thị phần website bán hàng tại Việt Nam

  1. Loại bỏ nội dung sản phẩm theo danh mục

Thêm đoạn mã sau vào file functions.php. Trong đoạn mã của mình ví dụ xóa hình ảnh sản phẩm trong các sản phẩm thuộc danh mục featured_product.

100 thủ thuật trong Woocommerce (phần 1) 14

  1. Không hiển thị sản phẩm trong một danh mục cụ thể trên trang cửa hàng

Bạn thêm đoạn code sau vào file functions.php để không hiển thị sản phẩm trong danh mục cụ thể trên trang cửa hàng.

100 thủ thuật trong Woocommerce (phần 1) 15

  1. Thay đổi số lượng sản phẩm liên quan được hiển thị trong cửa hàng của bạn.

Tùy chỉnh số hàng và số lượng sản phẩm trên mỗi hàng và thay đổi số lượng sản phẩm liên quan được hiển thị trong cửa hàng bằng cách thêm đoạn mã sau vào file functions.php

100 thủ thuật trong Woocommerce (phần 1) 16

  1. Tùy chỉnh số cột và số sản phẩm được hiển thị trên mỗi trang

Để thay đổi số lượng sản phẩm được hiển thị trên mỗi trang, thêm đoạn mã sau vào file functions.php của bạn:

100 thủ thuật trong Woocommerce (phần 1) 17

Nếu bạn muốn thay đổi cả số cột và số lượng sản phẩm hiển thị trên mỗi trang thì plugin sau sẽ rất hữu ích: WooCommerce Product Archive Customiser

100 thủ thuật trong Woocommerce (phần 1) 18

  1. Khách hàng có thể lựa chọn ngày giao hàng

Sử dụng plugin sau giúp khách hàng của bạn chọn ngày giao hàng trên trang thanh toán. Người quản trị dễ dàng theo dõi đơn hàng và giao hàng.

Plugin: Order Delivery Date for Woocommerce

100 thủ thuật trong Woocommerce (phần 1) 19

  1. Thêm VAT vào giá sản phẩm

Nếu sản phẩm của bạn không bao gồm VAT, thủ thuật hữu ích này sẽ cho phép thêm VAT để tính giá sản phẩm để khách hàng rõ ràng về giá cả. Woocommerce cần hai tệp để cho phép hiển thị VAT. Trước tiên, bạn cần phải kiểm soát sự xuất hiện trên các sản phẩm trong:  /woocommerce/single-product/price.php.

100 thủ thuật trong Woocommerce (phần 1) 20

Sau đó, bạn cần kiểm soát giá xuất hiện ở những nơi khác trong: /woocommerce/loop/price.php

100 thủ thuật trong Woocommerce (phần 1) 21-1

  1. Ẩn số sản phẩm bên cạnh tên danh mục

Thêm đoạn mã sau vào file style.css:

.count {display:none !important}

Xem thêm: 5 bước để tối ưu website WordPress

  1. Tạo không gian trong giỏ hàng

Nếu không gian trong giỏ hàng quá chật và nút giỏ hàng cách quá xa, bạn có thể sử dụng đoạn mã này để tạo khoảng cách:

100 thủ thuật trong Woocommerce (phần 1) 22

  1. Tự động đánh dấu các đơn đặt hàng hoàn chỉnh

Theo mặc định, đơn đặt hàng ảo có thể tải xuống và được đánh dấu là đã hoàn tất sau khi thanh toán thành công. Nhưng nếu bạn muốn có thể tự động đánh dấu một đơn đặt hàng ảo như là hoàn tất khi thanh toán. Bạn có thể sử dụng đoạn mã sau:

100 thủ thuật trong Woocommerce (phần 1) 23

  1. Thêm một trường kiểm tra để thanh toán

Thêm một trường kiểm tra đơn giản để thanh toán, thêm đoạn mã sau vào file functions.php

100 thủ thuật trong Woocommerce (phần 1) 24

  1. Muốn thay đổi trạng thái mặc định và quốc gia trên trang thanh toán

Để thay đổi trạng thái mặc định và quốc gia trên trang thanh toán chỉ cần thêm đoạn mã sau vào file functions.php của bạn

100 thủ thuật trong Woocommerce (phần 1) 25

Kết

Đây đều là những thủ thuật dễ áp dụng và giúp bạn nhanh chóng tạo ra những chức năng hữu ích. Bạn hãy áp dụng những thủ thuật trên để tạo ra những tính năng và hiệu ứng mà bạn muốn. Và trước khi áp dụng, bạn hãy nhớ backup lại dữ liệu của mình để tránh những sự cố ngoài ý muốn nhé. Trong bài sau, chúng ta sẽ cùng nhau tìm hiểu về các thủ thuật tiếp theo.

Xem thêm: Dịch vụ thiết kế website

Tin mới nhất

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Hai cô gái HotGirl Chụp ảnh ở Tuyệt tình cốc Thủy Nguyên, Hải Phòng, Việt Nam đã gây bão mạng...
    22 giây trước
  2. Đây là bài viết lần đầu tiên chúng tôi đăng tải trên trang web của mình về nội dung: Cách...
    12 giây trước
  3. Chúng ta đang ở thời kỳ công nghệ số, nên loại hình kinh doanh online là một thị trường khá...
    15 giây trước
  4. Content là một phần không thể thiếu để tại nên thành công cho một trang Web. Nó không chỉ giúp...
    14 giây trước
  5. Với các văn bản sao chép quảng cáo, ở một số trường hợp đôi khi trường văn bản kết thúc...
    15 giây trước
  6. Page speed - Tốc độ trang: một yếu tố xếp hạng website Thông tin chính thức ngày Thứ Tư, ngày 17...
    2 giây trước
  7. Các trang web đang trở nên cực kỳ quen thuộc với đời sống có nhiều sinh hoạt trực tuyến như...
    2 giây trước
  8. Giảm Thời gian phản hồi của máy chủ là một giá trị quan trọng để theo dõi vì tất cả...
    9 giây trước
  9. Bài này sẽ giúp bạn hiểu làm thế nào xây dựng Internal link hữu ích và làm thế nào bạn có...
    1 giây trước
  10. Bạn đã có chiến lược SEO di động cho doanh nghiệp của mình chưa? Nếu chưa thì bạn đang bỏ lỡ...
    24 giây trước