Khi nói đến việc thiết lập một cửa hàng trực tuyến, WooCommerce là plugin . Việc thiết lập một cửa hàng trực tuyến và bắt đầu bán sản phẩm của bạn ngay sau khi bạn hoàn thành thật đơn giản. Avada cung cấp hỗ trợ toàn diện và tích hợp thiết kế cho WooCommerce, cho phép bạn tạo cửa hàng trong mơ của mình đồng thời đảm bảo cửa hàng trông giống hệt với khung mà bạn nghĩ đến.
Avada cung cấp cho bạn khả năng tùy chỉnh giao diện trang web của bạn, điều này không khác gì với tích hợp WooCommerce. Sử dụng mạng tùy chọn nâng cao phổ biến của chúng tôi, bạn có thể chọn từ một loạt các tùy chỉnh cho nhiều khả năng thiết kế, bao gồm:
- WooCommerce có Bảng tùy chọn toàn cầu Avada của riêng mình, tách biệt với Bảng tùy chọn toàn cầu Avada chính.
- Tùy chọn Trang Avada có sẵn cho mỗi sản phẩm.
- Avada Builder cho phép bạn tạo các thiết kế trang sản phẩm bằng cách kéo và thả các phần tử.
Để xây dựng trang web Thương mại điện tử của bạn với Avada.
Đầu tiên, chúng ta phải cài đặt wooCommerce trong Avada.
- Cài đặt WooCommerce - Hướng dẫn từng bước
- Cách chỉ định một trang cửa hàng cho trang web của bạn
- Tạo sản phẩm của bạn
- Tạo hiệu ứng thu phóng sản phẩm
- Điều chỉnh cài đặt kích thước hình ảnh sản phẩm trong WooCommerce.
Cài đặt WooCommerce - Hướng dẫn từng bước
Đi tới Avada> Plugin s / Tiện ích bổ sung và tìm kiếm plugin WooCommerce , như thể hiện trong ảnh chụp màn hình bên dưới.
Bước 1 - Cài đặt plugin WooCommerce .
Bước 2 - Chọn 'Cài đặt' từ trình đơn thả xuống.
plugin sẽ được cài đặt và kích hoạt tự động.
Bước 3 - Sau đó, Trình hướng dẫn thiết lập WooCommerce sẽ được hiển thị. Nếu bạn đang nhập một trong các bản trình diễn Woo của chúng tôi, chẳng hạn như Cửa hàng hiện đại hoặc Cửa hàng cổ điển, bạn có thể bỏ qua bước này mà không có nguy cơ mất dữ liệu của mình. Để bỏ qua, hãy chọn 'Không phải ngay bây giờ' từ menu thả xuống. Nếu bạn không nhập một trong các bản trình diễn Woo của chúng tôi, thì hãy chuyển sang bước tiếp theo bằng cách nhấp vào 'Let's Go!' để bắt đầu quá trình thiết lập.
Bước 4 - Làm theo lời nhắc và hướng dẫn trên màn hình để hoàn tất quy trình và nhập thông tin cần thiết về cửa hàng của bạn. Bằng cách nhấp vào nút 'Tạo sản phẩm đầu tiên của bạn' khi bạn hoàn tất, bạn sẽ có thể tiến hành tạo sản phẩm đầu tiên của mình. Ngoài ra, bạn có thể quay lại Trang tổng quan WordPress của mình bằng cách nhấp vào liên kết nằm bên dưới cửa sổ thiết lập.
Cách chỉ định một trang cửa hàng cho trang web của bạn
Là một phần của quá trình cài đặt WooCommerce thông thường, Trình hướng dẫn thiết lập sẽ được khởi chạy, cho phép bạn định cấu hình cửa hàng của mình và gán các trang cửa hàng của bạn cho khách hàng. Có thể tìm thấy thêm thông tin về các trang mà Trình hướng dẫn thiết lập tạo trong tài liệu WooCommerce này.
Ngoài ra, nếu Trình hướng dẫn Thiết lập không xuất hiện hoặc nếu bạn hủy nó vì bất kỳ lý do gì, bạn luôn có thể quay lại Trình hướng dẫn Thiết lập bằng cách chọn Trình hướng dẫn Thiết lập từ menu Trợ giúp trên bất kỳ trang WooCommerce nào, có thể tìm thấy ở trên cùng bên trái của cửa sổ.
Bạn có thể đặt trang cửa hàng theo cách thủ công bằng cách chuyển đến tab Sản phẩm trong Cài đặt WooCommerce - WooCommerce> Cài đặt> Sản phẩm - và chọn trang sẽ là trang cửa hàng chính từ trình đơn thả xuống. WooCommerce sau đó sẽ hiển thị các sản phẩm của bạn trên trang này do hành động của bạn.
Các trang còn lại có thể được định cấu hình trong Tab Nâng cao, được tìm thấy tại WooCommerce> Cài đặt> Nâng cao .
Tạo sản phẩm của bạn
Bước 1 - Trên thanh bên Quản trị viên WordPress của bạn, điều hướng đến tab Sản phẩm> Thêm sản phẩm.
Bước 2 - Ở đầu trang, nhập tên sản phẩm của bạn.
Bước 3 - Điền vào trường nội dung bài đăng với văn bản từ mô tả sản phẩm. Tất cả các thông tin sản phẩm sẽ được hiển thị trong phần này.
Bước 4 - Điền vào ô ' Dữ liệu Sản phẩm ' với tất cả thông tin sản phẩm. Đối với ex amp le, giá cả, SKU và giao hàng là tất cả các tùy chọn khả thi.
Bước 5 - Trong Mô tả ', hãy nhập mô tả ngắn gọn về sản phẩm của bạn sẽ xuất hiện cùng với hình ảnh chính của bạn.
Bước 6 –Hình ảnh nổi bật chính nên được đặt trong Hình ảnh Sản phẩm ' ở phía bên phải của trang; Điều này phải được hoàn thành cho mọi sản phẩm.
Bước 7 –Thêm nhiều hình ảnh hơn vào Thư viện Sản phẩm ' nếu bạn muốn sử dụng một thư viện hình ảnh thay vì một hình ảnh duy nhất.
Bước 8 - Trong Danh mục sản phẩm ', nhập các danh mục áp dụng cho sản phẩm của bạn. Tiếp theo, điền vào chỗ trống với các thẻ thích hợp cho sản phẩm của bạn trong Thẻ sản phẩm '.
Bước 9 - Khi bạn đã nhập tất cả các thông tin cần thiết, hãy nhấp vào nút ' Xuất bản ' và mặt hàng sẽ xuất hiện trên trang mặt tiền cửa hàng chính của bạn.
Tạo hiệu ứng thu phóng sản phẩm
Nếu bạn đang sử dụng Bố cục Avada, bạn cần đảm bảo rằng tùy chọn Thu phóng hình ảnh sản phẩm WooCommerce được bật trong Avada> Tùy chọn> WooCommerce> WooCommerce chung> Tùy chọn thu phóng hình ảnh sản phẩm WooCommerce hoặc trong tab Chung yếu tố hình ảnh sản phẩm WooCommerce> Hình ảnh sản phẩm Thu phóng nếu bạn đang sử dụng Bố cục WooCommerce.
Chiều rộng hình ảnh sản phẩm WooCommerce - Chiều rộng hình ảnh chính của bạn (xem cài đặt bên dưới) và kích thước thực tế của hình ảnh được tải lên sẽ cần phải lớn hơn cả Avada> Tùy chọn> WooCommerce> WooCommerce> Chiều rộng hình ảnh sản phẩm WooCommerce hoặc cài đặt Chiều rộng trong Phần tử Hình ảnh Sản phẩm Woo. Chiều rộng của cột vùng chứa cho một thư viện sản phẩm sẽ được xác định bởi cài đặt bạn chọn. Khi bạn đã thực hiện các điều chỉnh cần thiết, bạn sẽ sẵn sàng đặt chiều rộng của hình ảnh chính WooCommerce của mình.
Chiều rộng hình ảnh chính của WordPress - Bạn có thể tìm thấy cài đặt Chiều rộng hình ảnh chính của WooCommerce trong Trình tùy chỉnh của trang web WordPress của bạn. Từ bảng điều khiển WordPress, điều hướng đến Giao diện> Tùy chỉnh> WooCommerce> Hình ảnh Sản phẩm , nơi bạn sẽ tìm thấy cài đặt Chiều rộng Hình ảnh Chính; Điều này sẽ xác định kích thước thực của hình ảnh được hiển thị trong thư viện.
Hiệu ứng thu phóng của bạn càng chi tiết thì kích thước hình ảnh bạn đã đặt cho hình ảnh của mình càng lớn. Để làm rõ, nếu kích thước hình ảnh trong cài đặt WooCommerce khớp với chiều rộng hình ảnh trong các tùy chọn chung của Avada, thì sẽ không hiển thị phóng to khi di chuột qua hình ảnh trên trang. Ngoài ra, kích thước của hình ảnh thực tế bạn tải lên phải bằng hoặc lớn hơn cài đặt Chiều rộng Hình ảnh Chính trên thiết kế trang web của bạn.
Đảm bảo rằng bạn tạo lại hình thu nhỏ của mình sau khi thay đổi kích thước hình ảnh WooCommerce; Điều này sẽ áp dụng kích thước hình ảnh mới của bạn cho bất kỳ hình ảnh nào đã được tải lên trang web của bạn. Bạn có thể sử dụng plugin Regenerate Thumbnails để thực hiện việc này.
Điều chỉnh cài đặt kích thước hình ảnh sản phẩm trong WooCommerce.
WooCommerce bao gồm các tùy chọn để điều chỉnh kích thước của hình ảnh sản phẩm trong phần Danh mục và hình ảnh Sản phẩm đơn lẻ của cửa hàng. Ngoài ra, có các cài đặt Avada cụ thể hoạt động cùng với các kích thước hình ảnh được sử dụng bởi cửa hàng WooCommerce của bạn. Khi định cấu hình các cài đặt kích thước hình ảnh này, điều quan trọng cần nhớ là cài đặt tùy chọn chung của Avada cũng phải được xem xét. Chúng tôi sẽ xem xét chi tiết hơn từng tùy chọn này ở phần sau.
Giả sử hình ảnh bạn tải lên cho sản phẩm của mình ở nguồn nhỏ hơn kích thước hình ảnh được chỉ định trong cài đặt WooCommerce của bạn. Trong trường hợp đó, bạn có thể nhận thấy một số khác biệt về bố cục trực quan trên giao diện người dùng của các trang cửa hàng của bạn; Đây không phải là một lỗi trong bất kỳ cách nào. Đơn giản là vì hình ảnh của bạn quá nhỏ để cài đặt WooCommerce có thể ảnh hưởng đến chúng. Bạn có thể coi các cài đặt này là chiều rộng và chiều cao tối đa cho hình ảnh của mình về kích thước hình ảnh. Bất kỳ thứ gì thấp hơn giới hạn đã chỉ định sẽ không được thay đổi kích thước.
Khi định cấu hình cửa hàng của bạn, hãy đảm bảo rằng cả cài đặt kích thước hình ảnh WooCommerce và kích thước hình ảnh thực tế của bạn đều được xem xét. Tóm lại, hình ảnh của bạn phải có cùng kích thước bằng hoặc lớn hơn cài đặt kích thước hình ảnh trong cửa hàng WooCommerce của bạn.
Bất kỳ thay đổi nào đối với cài đặt kích thước hình ảnh của bạn sẽ yêu cầu bạn tạo lại hình thu nhỏ để chúng có hiệu lực trên hình ảnh đã được tải lên trang web của bạn. Do đó, việc sử dụng plugin Regenerate Thumbnails rất được khuyến khích. Ngoài ra, kích thước hình ảnh có thể được điều chỉnh bằng cách sử dụng các bước dưới đây:
Bước 1 - Trong thanh bên quản trị của bạn, điều hướng Giao diện ' và sau đó là tab ' Tùy chỉnh ' để bắt đầu tùy chỉnh trang web của bạn.
Bước 2 - Điều hướng đến WooCommerce ' ở đầu trang.
Bước 3 tab ' Hình ảnh Sản phẩm ' của cửa sổ cấu hình
Bước 4 - Khi bạn tải hình ảnh lên các trang sản phẩm của mình, hãy chọn tùy chọn chiều rộng hình ảnh chính. Chiều rộng hình thu nhỏ là chiều rộng của hình thu nhỏ cho các sản phẩm của bạn trong danh mục. Điền vào chỗ trống với giá trị chiều rộng mong muốn của bạn.
Bước 5 –Để tạo lại hình thu nhỏ sau khi bạn đã thay đổi kích thước hình ảnh và lưu chúng, bạn sẽ cần sử dụng plugin , có thể tìm thấy trong phần Plugin s. plugin Regenerate Thumbnails và sau đó điều hướng đến tab WP Admin> Tools
