Hướng dẫn sử dụng theme Storefront cho Woocommerce

Khi bạn sử dụng Woocommerce để làm website bán hàng thì không phải theme nào cũng hỗ trợ hiển thị tốt gian hàng bởi mỗi theme WordPress có thiết kế khác nhau. Đặc biệt là có nhiều theme miễn phí sẽ không hỗ trợ hiển thị tốt trong Woocommerce.

Nếu bạn muốn gian hàng của mình đẹp và hiển thị tốt thì bạn nên sử dụng các theme trả phí dành cho Woocommerce tại ThemeForest hoặc WooThemes..

Còn nếu bạn mới bắt đầu làm website thì bạn nên sử dụng theme StoreFront cho Woocommerce vì nó miễn phí, đơn giản và hỗ trợ rất tốt cho Woocommerce.

Lý do người mới nên dùng theme StoreFront

Theme StoreFront hỗ trợ rất tốt cho nhưng người mới bắt đầu dùng Woocommerce bởi vì:

  • Nhẹ, dễ sử dụng, miễn phí và mã nguồn mở
  • Tương thích tốt với các plugin hỗ trợ thiết kế như Origin Page Builder hoặc Visual Composer để tự thiết kế bố cục cho từng trang.
  • Hỗ trợ HTML5 và Schema chuẩn SEO
  • Tùy chỉnh Customize đầy đủ
  • Hỗ trợ Responsive
  • Code thân thiện với lập trình viên
  • Hỗ trợ khá nhiều child theme (trả phí)
  • Hỗ trợ phần mở rộng Storefront Designer giúp tùy biến chuyên nghiệp hơn.

Thêm dữ liệu mẫu trong Woocommerce

Dữ liệu mẫu trong Woocommerce là gói dữ liệu được tạo sẵn với một vài sản phẩm để bạn có thể trải nghiệm các chức năng hay theme. Và với các dữ liệu mẫu này thì bạn sẽ thấy theme hiển thị đầy đủ thế nào.

Trước tiên bạn tải plugin Woocommerce tại đây sau đó giải nén ra. Giải nén xong bạn vào thư mục /woocommerce/dummy-data/ sẽ thấy các tập tin dữ liệu mẫu. Sau đó bạn vào trang quản trị của website -> Công cụ ->Nhập vào -> WordPress (cài plugin WordPress Importer nếu bạn chưa cài ) và upload tập tin dummy-data.xml lên.

theme Storefront cho Woocommerce

theme Storefront cho Woocommerce

Đưa các sản phẩm của bạn về user đăng nhập của bạn rồi tick vào ô  Download and import file attachments sau đó ấn Sumit.

theme Storefront cho Woocommerce

Nếu bạn bị timeout do mạng chậm thì vào localhost mở tập tin php.ini tìm dòng

max_execution_time (thường thì nó sẽ mặc định là 30)

Sau đó bạn thay đổi giá trị của nó thành 100 hoặc 200 là ok.

max_execution_time = 100

Khi nhập dữ liệu thành công bạn sẽ được thông báo như sau:

theme Storefront cho Woocommerce

Vào phần Sản phẩm để kiểm tra, bạn sẽ thấy rất nhiều sản phẩm được cấu hình đầy đủ.

theme Storefront cho Woocommerce

Cách cài đặt và kích hoạt theme StoreFront

Để cài đặt theme Storefront cho Woocommerce, bạn vào phần Giao diện -> Giao diện -> Thêm mới  và tìm theme Storefront tại khung tìm kiếm.

theme Storefront cho Woocommerce

Sau khi cài đặt xong theme thì bạn Activate nó lên nhé.

Cài đặt trang chủ

Theme Storefront không tự hiển thị trang chủ mà bạn cần tạo một trang mới và thiết lập giao diện Homepage. Bạn vào Trang -> Thêm trang mới để tạo trang, đặt tên trang là Trang chủ, nội dung bỏ trống, phần Giao diện thì để là Homepage.

theme Storefront cho Woocommerce

Bạn nên tạo thêm một trang là Tin tức nổi bật, để trống nội dung và không thiết lập gì.

Tiếp theo vào Cài đặt -> Đọc để thiết lập Trang chínhTrang bài viết theo từng trang mà bạn mới tạo.

theme Storefront cho Woocommerce

Nhấn Lưu thay đổi và vào website để xem kết quả.

theme Storefront cho Woocommerce

theme Storefront cho Woocommerce

theme Storefront cho Woocommerce

theme Storefront cho Woocommerce

theme Storefront cho Woocommerce

theme Storefront cho Woocommerce

theme Storefront cho Woocommerce

Thiết lập Widget

Theme Storefront hỗ trợ 6 vị trí chèn widget bao gồm:

  • Silide bar
  • Header
  • 4 Footer

Bạn vào phần Giao diện -> Widget để xem nhé.

Tùy chỉnh theme Storefront cho Woocommerce

Bạn có thể tùy chỉnh theme này tại Giao diện -> Tùy chỉnh và tại đây bạn có thể thêm logo, thay đổi màu sắc, bố cục,…

theme Storefront cho Woocommerce

Kết luận

Trong bài viết này tôi đã hướng dẫn sử dụng theme Storefront cho Woocommerce.

 

 

 

About the Author Hưng Lê

VIP MEMBER Xin chào các bạn. Tôi là Hưng, tôi có niềm đam mê cháy bỏng với công việc kiếm tiền online và thế giới internet. Tôi khao khát học hỏi những kiến thức mỗi ngày và sẵn lòng chia sẻ những gì mà tôi biết. Xem thêm bài viết Theo dõi Hưng

Đăng ký nhận hướng dẫn về MMO chất nhất và sớm nhất từ acuong.com không nên bỏ qua!

Leave a Comment:

1 comment
Add Your Reply
>