Làm cách nào để thêm hình ảnh sản phẩm và phòng trưng bày trong WooC Commerce?

Tùy chỉnh thư viện sản phẩm trong cửa hàng trực tuyến của bạn có thể là một cách tuyệt vời để cải thiện trải nghiệm của khách truy cập, khả năng hiển thị sản phẩm và tỷ lệ chuyển đổi. Để giúp bạn làm điều này, chúng tôi đã mang đến cho bạn hướng dẫn về cách tùy chỉnh thư viện sản phẩm trong WooC Commerce

Nhưng trước khi chúng tôi bắt đầu quá trình làm như vậy, hãy xem ngắn gọn lý do tại sao bạn cần tùy chỉnh thư viện sản phẩm trong WooC Commerce

Tại sao phải tùy chỉnh bộ sưu tập sản phẩm trong WooC Commerce?

Một trong những điểm bán hàng chính của kinh doanh trực tuyến là hình ảnh sản phẩm. Và nếu bạn thêm và tùy chỉnh thư viện sản phẩm, bạn sẽ nâng cao diện mạo của cửa hàng trực tuyến của mình. Khi bạn nâng cấp giao diện trực quan, nó sẽ thu hút nhiều người mua tiềm năng hơn

Tương tự, một khách hàng cũng có thể muốn đánh giá một sản phẩm từ nhiều góc độ. Họ có thể muốn có một góc nhìn rõ ràng hơn về nó trước khi mua chúng, trong đó một bộ sưu tập sản phẩm có thể hữu ích. Do đó, việc tùy chỉnh thư viện sản phẩm cũng có thể giúp duy trì trải nghiệm khách hàng tốt hơn

Vì vậy, nếu bạn muốn tăng doanh thu của mình, chúng tôi khuyên bạn nên tùy chỉnh thư viện sản phẩm WooC Commerce của mình. Bây giờ bạn đã có ý tưởng về tầm quan trọng của nó, hãy xem cách chúng tôi có thể tùy chỉnh chúng cho trang web WooC Commerce của bạn

Làm cách nào để tùy chỉnh Thư viện sản phẩm WooC Commerce?

Bạn có thể tùy chỉnh bộ sưu tập sản phẩm trong WooC Commerce bằng 2 phương pháp

  1. Từ bảng điều khiển WooC Commerce
  2. Sử dụng một Plugin

Chúng tôi sẽ thực hiện chi tiết từng bước ở cả hai phương pháp bên dưới để bạn có thể chọn cách phù hợp với mình. Trước đó, hãy đảm bảo thiết lập WooC Commerce đúng cách và cài đặt một trong các chủ đề tương thích với WooC Commerce

1. Tùy chỉnh Thư viện sản phẩm từ Bảng điều khiển WooC Commerce

WooC Commerce là nền tảng phổ biến nhất để tạo một cửa hàng trực tuyến. Một phần lý do khiến WooC Commerce trở nên phổ biến là do khả năng tùy chỉnh vô tận, kiểm soát thiết kế và quản lý cửa hàng ảo của bạn

Bạn có thể dễ dàng tùy chỉnh sản phẩm, thư viện sản phẩm từ chính bảng điều khiển WooC Commerce. Nhưng trước tiên, bạn cần mở trang chỉnh sửa sản phẩm của sản phẩm mà bạn muốn tùy chỉnh bộ sưu tập sản phẩm

Vì vậy, hãy đi tới Sản phẩm > Tất cả Sản phẩm từ bảng điều khiển quản trị viên WordPress của bạn. Bạn sẽ có thể xem danh sách tất cả các sản phẩm trên trang web của bạn. Tại đây, bạn có thể thêm sản phẩm mới hoặc xóa sản phẩm hiện có, nhập hoặc xuất sản phẩm, bạn cũng có thể tùy chỉnh riêng lẻ một hoặc nhiều sản phẩm cùng một lúc

Sau đó, nhấp vào Chỉnh sửa cho sản phẩm mà bạn muốn tùy chỉnh bộ sưu tập sản phẩm

Bạn sẽ được chuyển hướng đến trang chỉnh sửa sản phẩm của sản phẩm cụ thể. Bây giờ, bạn có thể bắt đầu tùy chỉnh bộ sưu tập sản phẩm WooC Commerce. Thư viện sản phẩm có thể được thêm, sắp xếp lại hoặc xóa khỏi trình chỉnh sửa này từ đây

1. 1. Thêm Thư viện sản phẩm trong WooC Commerce

Sau khi bạn mở trang chỉnh sửa sản phẩm, nếu bạn cuộn thêm, bạn có thể thấy phần Thư viện sản phẩm ở thanh bên phải. Nhấp vào liên kết Thêm hình ảnh bộ sưu tập sản phẩm để thêm bộ sưu tập sản phẩm

Khi bạn nhấp vào đó, bạn sẽ được chuyển hướng đến một phương thức nơi bạn có thể tải lên hình ảnh mới hoặc chọn những hình ảnh hiện có từ thư viện phương tiện

Bạn có thể chọn một hoặc nhiều sản phẩm để thêm vào bộ sưu tập sản phẩm. Chỉ cần chọn những hình ảnh mà bạn muốn thêm vào thư viện và nhấp vào Thêm vào thư viện

Khi bạn đã hoàn tất việc thêm bộ sưu tập sản phẩm, hãy tiếp tục và Cập nhật trang sản phẩm

Khi bạn làm mới trang sản phẩm, bạn sẽ có thể xem bộ sưu tập sản phẩm mới của mình

1. 2. Sắp xếp lại sản phẩm trong thư viện

Trong một số trường hợp, bạn có thể muốn thay đổi thứ tự của sản phẩm. Để làm như vậy, hãy mở lại trang chỉnh sửa sản phẩm của sản phẩm từ bảng điều khiển WordPress của bạn. Sau đó, bạn chỉ cần kéo và thả sản phẩm vào vị trí mà bạn muốn hiển thị sản phẩm

Cuối cùng, bấm vào nút Cập nhật khi bạn đã sắp xếp lại các sản phẩm

1. 3. Xóa sản phẩm khỏi thư viện

Bạn cũng có thể xóa các sản phẩm khỏi thư viện chỉ bằng một cú nhấp chuột. Chỉ cần điều hướng đến hình thu nhỏ của hình ảnh trong trang chỉnh sửa sản phẩm từ bảng điều khiển của bạn một lần nữa

Ngay khi điều hướng đến hình thu nhỏ, bạn sẽ thấy biểu tượng chữ thập phía trên hình thu nhỏ. Nhấp vào biểu tượng xóa hình ảnh để xóa bất kỳ sản phẩm nào khỏi bộ sưu tập sản phẩm

Tuy nhiên, nếu bạn muốn xóa toàn bộ thư viện sản phẩm, bạn sẽ phải xóa từng sản phẩm khỏi thư viện

Đó là nó. Đây là tất cả các tùy chỉnh cơ bản mà bạn có thể triển khai cho trang web của mình bằng bảng điều khiển WooC Commerce mặc định

2. Tùy chỉnh Thư viện sản phẩm WooC Commerce bằng Plugin

Giờ đây, chúng tôi biết rằng thật dễ dàng để thêm, xóa và sắp xếp lại thứ tự các sản phẩm trong thư viện sản phẩm. Nhưng đây chỉ là một số tùy chỉnh cơ bản do WooC Commerce cung cấp. Chúng có các tùy chọn tùy chỉnh rất hạn chế và có thể không phải lúc nào cũng đủ cho trang web của bạn

Tuy nhiên, nếu bạn muốn có thêm các tùy chỉnh cho bộ sưu tập sản phẩm, chúng ta có thể sử dụng một số plugin bộ lọc sản phẩm tuyệt vời

Ở đây chúng tôi đã liệt kê một số plugin để tùy chỉnh bộ sưu tập sản phẩm trong WooC Commerce. Mỗi người trong số họ có một tính năng và chức năng độc đáo

Thanh trượt thư viện sản phẩm cho WooC Commerce

Thanh trượt thư viện sản phẩm cho WooC Commerce là plugin freemium tốt nhất. Đúng như tên gọi, plugin này cho phép bạn thêm băng chuyền vào phần thư viện WooC Commerce. Nó cung cấp hơn 10 tùy chọn tùy chỉnh và plugin này hoạt động với hầu hết các chủ đề WordPress

Ngoài ra, plugin này hỗ trợ trình tạo trang Elementor và Visual Composer, cung cấp cho bạn toàn quyền kiểm soát thiết kế trang web WooC Commerce của bạn. Bạn cũng có thể nhận được mô-đun hộp đèn cho phép bạn thêm hiệu ứng trang trình bày, thu phóng hình ảnh và hiển thị hình thu nhỏ để thu hút khách hàng

Các tính năng chính

  • Có sẵn 3 bố cục thư viện khác nhau
  • Hỗ trợ video trong bộ sưu tập sản phẩm
  • Hỗ trợ ngôn ngữ RTL
  • Mã ngắn đã sẵn sàng

Giá bán

Thanh trượt thư viện sản phẩm cho WooC Commerce là một plugin miễn phí sẽ tiêu tốn của bạn 39 USD mỗi năm

Thư viện video sản phẩm WooC Commerce

Với sự trợ giúp của Thư viện video sản phẩm WooC Commerce, bạn có thể nhúng video vào thư viện sản phẩm cùng với hình ảnh. Nó hỗ trợ cả video Youtube và Vimeo cũng như các video có định dạng MP4, WebM và Ogg. Nó có giao diện thân thiện với người dùng tuyệt vời để nhúng video trên trang WooC Commerce

Nhưng điều thú vị là bạn chỉ có thể sử dụng một video cho mỗi thư viện sản phẩm. Hơn nữa, bạn cũng có thể cho phép video phát ở chế độ lặp lại để tạo vòng lặp video

Các tính năng chính

  • Bố cục thanh trượt dọc và ngang
  • Điều chỉnh chiều cao dựa trên hình ảnh
  • Mã ngắn đã sẵn sàng
  • Tương thích với trình tạo Elementor và Divi

Giá bán

Thư viện video sản phẩm WooC Commerce là một công cụ freemium. Nó có phiên bản miễn phí với các tính năng cơ bản và 3 gói cao cấp bắt đầu từ 25 USD mỗi năm

Bây giờ chúng tôi đã liệt kê một vài lựa chọn, hãy tiếp tục và cài đặt một trong số chúng để tùy chỉnh bộ sưu tập sản phẩm trong WooC Commerce

Đối với phần trình diễn này, chúng tôi sẽ sử dụng Thanh trượt thư viện sản phẩm cho WooC Commerce do Codeixer phát triển. Đây là một plugin freemium đảm bảo giới thiệu các sản phẩm của bạn theo phong cách đẹp mắt

2. 1. Cài đặt plugin

Để cài đặt plugin, hãy truy cập Bảng điều khiển quản trị viên WP và điều hướng đến Plugin> Thêm mới

Tìm kiếm từ khóa của plugin Product Slider for WooCommerce. Sau đó, nhấp vào nút Cài đặt ngay để cài đặt plugin. Cuối cùng, kích hoạt nó sau khi cài đặt hoàn tất

Nếu bạn muốn sử dụng một plugin cao cấp, bạn sẽ phải tải tệp zip lên và cài đặt nó trên trang web của mình. Bạn có thể tìm thêm thông tin về nó trong hướng dẫn của chúng tôi để cài đặt plugin WordPress theo cách thủ công

2. 2. Tùy chỉnh Thư viện sản phẩm

Sau khi plugin được kích hoạt, bạn có thể bắt đầu sử dụng nó để tùy chỉnh bộ sưu tập sản phẩm. Chỉ cần truy cập Codeixer > Tùy chọn thư viện từ bảng điều khiển WordPress của bạn

Bạn sẽ có thể thấy hai cài đặt ở đây, Tùy chọn chung và Tùy chọn hộp đèn

Mặc dù tất cả các tùy chọn không có sẵn trong phiên bản miễn phí của plugin, nhưng nó cung cấp cho bạn đủ để tùy chỉnh mọi thứ theo nhu cầu của bạn

2. 2. 1. Tùy chọn chung

Các tùy chọn Chung bao gồm tất cả các tùy chỉnh cơ bản mà bạn có thể thực hiện đối với thư viện sản phẩm

Thêm thanh trượt băng chuyền

Tại Tùy chọn chung, bạn sẽ có thể thấy Tự động phát thanh trượt. Chọn Có từ menu thả xuống để tự động thêm thanh trượt băng chuyền mà không cần bất kỳ điều chỉnh bổ sung nào

Ảnh sản phẩm Thu phóng

Có tính năng thu phóng trên sản phẩm của bạn cho phép khách hàng của bạn xem chế độ xem chi tiết về hàng hóa của bạn và cũng giúp trình bày trực quan hơn

Để bật tính năng thu phóng cho sản phẩm của bạn trong thư viện sản phẩm, chỉ cần chọn Có trong menu thả xuống từ tùy chọn Thu phóng hình ảnh

Thanh trượt Mũi tên và nút

Bạn cũng có thể tùy chỉnh các mũi tên và nút thanh trượt bằng cách thay đổi màu của nó để phù hợp với trang web WooC Commerce của bạn

Để làm như vậy, bạn sẽ tìm thấy Màu biểu tượng trong tùy chọn Chung. Chọn bất kỳ màu nào bạn chọn từ bộ chọn màu

Khi bạn đã chọn một màu, hãy đảm bảo lưu các thay đổi

Ngoài những thứ này, bạn cũng có thể đặt những thứ sau trong cài đặt chung

  • Bật/Tắt Biểu tượng Điều hướng
  • Số lượng hình thu nhỏ được hiển thị
  • Trượt vô hạn sản phẩm
  • Di chuyển hình ảnh khi kéo chuột

2. 2. 2. Tùy chọn hộp đèn

Trong tab hộp đèn, có hai cài đặt trong phiên bản miễn phí

Bạn có thể chọn hiển thị hoặc ẩn thuộc tính hình ảnh dưới dạng chú thích trong cài đặt hộp đèn. Tương tự, bạn cũng có thể đặt màu nền cho hộp đèn để tạo vẻ chuyên nghiệp cho sản phẩm của mình

Bạn có thể thấy tất cả những thay đổi này trong thư viện sản phẩm sau khi xem trước trang sản phẩm

Làm tốt lắm. Đây là cách bạn tùy chỉnh bộ sưu tập sản phẩm trong WooC Commerce

Thưởng. Thêm kích thước hình ảnh tùy chỉnh trong WordPress

Thêm hình ảnh vào các bài đăng và trang trên blog của bạn thật dễ dàng với WordPress. Tuy nhiên, bạn nên chọn kích thước hình ảnh phù hợp để bố cục tổng thể của trang web của bạn trông đẹp mắt

Điều rất quan trọng là phải hiểu cách kích thước hình ảnh hoạt động trên các trang web WordPress và cách thêm kích thước hình ảnh tùy chỉnh vào trang web của bạn. Nếu bạn chọn kích thước sai, hình ảnh của bạn có thể bị mờ và nếu hình ảnh của bạn quá lớn, chúng có thể làm chậm trang web của bạn. Kích thước hình ảnh không chính xác cũng có thể làm rối trang của bạn hoặc bố cục bài đăng trên blog và gây ra cuộn bên không cần thiết

Nhưng WordPress có cài đặt tích hợp cho các kích thước hình ảnh khác nhau. họ đang

Kích thước thu nhỏ. 150 x 150 điểm ảnh

Kích thước trung bình. 300 x 300 pixel

kích thước lớn nhất. 1024 x 1024 pixel

kích thước đầy đủ. mặc định kích thước ban đầu của hình ảnh được tải lên

Khi bạn tải hình ảnh lên WordPress, bốn kích thước hình ảnh khác nhau này được tạo theo mặc định

Lý do tại sao WordPress tạo các kích thước hình ảnh này là gấp đôi. Đầu tiên, bạn không phải thay đổi kích thước hình ảnh theo cách thủ công. Thứ hai, nó đảm bảo kích thước hình ảnh chính xác được chọn cho các vị trí khác nhau trên trang web của bạn

Cách thay đổi kích thước và chỉnh sửa hình ảnh trong WordPress

Rất may, WordPress cũng cho phép bạn thay đổi kích thước hình ảnh mặc định. Để làm như vậy, chỉ cần đi tới Cài đặt > Phương tiện

Như bạn có thể thấy từ ảnh chụp màn hình, tất cả các kích thước hình ảnh tiêu chuẩn được liệt kê ở đó. Bạn có thể dễ dàng tùy chỉnh chúng bằng cách nhập số đo ưa thích của mình

Khi bạn đã điều chỉnh kích thước hình ảnh mặc định của WordPress theo kích thước ưa thích của mình, hãy nhấp vào Lưu thay đổi. Trong tương lai, tất cả hình ảnh bạn tải lên trang web của mình sẽ được điều chỉnh theo kích thước mới

Đó là tất cả. Bây giờ bạn có thể thay đổi kích thước hình ảnh trong trang web WordPress của mình. Nhưng nếu bạn muốn biết thêm thông tin về điều này, hãy xem bài đăng toàn diện của chúng tôi về cách thêm kích thước hình ảnh tùy chỉnh trong WordPress

Phần kết luận

Tùy chỉnh bộ sưu tập sản phẩm WooC Commerce là một trong những cách tốt nhất để thu hút sự chú ý của khách hàng và biến họ thành người mua tiềm năng. Vì vậy, nếu bạn cần tùy chỉnh bộ sưu tập sản phẩm, bạn nên làm ngay để tăng chuyển đổi

Tóm lại, bạn có thể tùy chỉnh bộ sưu tập sản phẩm trong WooC Commerce bằng hai cách chính

  • Từ Bảng điều khiển WooC Commerce
  • Sử dụng một Plugin

Bạn có thể sử dụng plugin nếu cần một số tùy chỉnh nâng cao cho kho sản phẩm vì WooC Commerce cung cấp một số tùy chọn tùy chỉnh rất cơ bản. Đối với một số người, những tính năng đó có thể là đủ nếu bạn chỉ muốn thêm hoặc xóa sản phẩm trong thư viện sản phẩm

Tuy nhiên, tất cả đều tùy thuộc vào sở thích và nhu cầu của bạn vì cả hai phương pháp này đều có thể được sử dụng để tùy chỉnh bộ sưu tập sản phẩm. Nhưng đối với chúng tôi, Thanh trượt sản phẩm cho WooC Commerce là tốt nhất khi tùy chỉnh phòng trưng bày sản phẩm bằng cách sử dụng plugin vì nó có rất nhiều tính năng hữu ích ngay cả trong phiên bản miễn phí

Chúng tôi hy vọng rằng bạn có thể tùy chỉnh bộ sưu tập sản phẩm WooC Commerce một cách dễ dàng. Nếu bạn thấy hướng dẫn này hữu ích, đây là một số bài viết khác có thể thú vị cho bạn

  • Cách tùy chỉnh trang sản phẩm WooC Commerce
  • Các plugin tốt nhất để tùy chỉnh trang sản phẩm WooC Commerce
  • Cách tùy chỉnh mẫu trang sản phẩm WooC Commerce

Đó là nó cho bài viết này. Chúng tôi hy vọng chúng tôi đã giúp bạn tùy chỉnh bộ sưu tập sản phẩm trong WooC Commerce. Nếu có bất kỳ vấn đề nào, vui lòng cho chúng tôi biết trong phần bình luận. Chúng tôi rất vui lòng được giúp đỡ bạn

Làm cách nào để thêm hình ảnh bộ sưu tập sản phẩm trong WooC Commerce theo lập trình?

Thêm hình ảnh WooC Commerce theo cách lập trình. .
Chuyển đến Giao diện> Tùy chỉnh
Sau đó, WooC Commerce> Hình ảnh sản phẩm
Viết chiều rộng mong muốn của bạn vào trường “Chiều rộng hình thu nhỏ”
Đặt chiều cao của hình ảnh trong “Thumbnail Crop”
Nhấp vào “Xuất bản”

Làm cách nào để triển khai tính năng thư viện sản phẩm của WooC Commerce thành một loại bài đăng tùy chỉnh?

Cách triển khai tính năng "thư viện sản phẩm" của thương mại điện tử thành loại bài đăng tùy chỉnh .
Đối với javascript của nó. meta-box-sản phẩm. js. sản phẩm duy nhất. .
Để hiển thị mẫu html của nó. wc-mẫu-chức năng. php > Có chức năng wc_get_gallery_image_html. lớp-wc-admin-meta-box. php

WooC Commerce lưu trữ hình ảnh sản phẩm ở đâu?

Theo mặc định, WooC Commerce sẽ lưu trữ tất cả hình ảnh được tải lên trang web trong thư mục /wp-content/uploads/ . Đây là cùng một thư mục mà WordPress sử dụng để lưu trữ tất cả các tệp phương tiện khác, chẳng hạn như hình ảnh được sử dụng trong các bài đăng và trang.

Làm cách nào để sửa các sản phẩm không hiển thị hình ảnh của chúng trong WooC Commerce?

Trước tiên, hãy kiểm tra xem sự cố xảy ra với tất cả sản phẩm hay chỉ một số sản phẩm . Nếu điều này chỉ xảy ra với một số sản phẩm nhất định, hãy thử tải hình ảnh lên lại. Nếu điều đó không hiệu quả, hãy thử thay đổi chủ đề WordPress của bạn. Nếu cả hai giải pháp đó đều không hiệu quả, hãy liên hệ với bộ phận hỗ trợ của WooC Commerce để được trợ giúp khắc phục sự cố.

Chủ Đề