Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - 2026
Đăng vào bởi
🚀 LỜI NGỎ & GIẢI PHÁP TỪ CHUYÊN GIA DIGITAL▼
👋 Chào bạn, tôi là Nguyễn Huỳnh Lộc (#7Loc). Cảm ơn bạn đã ghé thăm Dịch Vụ Thiết Kế Web - Lập Trình Phần Mềm AIO Elamweb.com – Đơn vị tiên phong trong lĩnh vực chuyển đổi số.
Nội dung về Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - 2026 giới thiệu giải pháp mới nhất, đảm bảo chất lượng năm 2026.
Dịch vụ thiết kế web AIO luôn mang đến cho quý khách hàng sản phẩm tốt, giá phải chăng.
🌙 Chào buổi tối an lành! Chúc bạn nhận được nhiều giá trị từ Thiết kế web AIO Elamweb.com
Hôm nay Hướng đãn làm web miễn phí Elamweb.com xin hướng dẫn các bạn cách thêm sản phẩm của một danh mục bất kỳ lên trang chủ .
Lưu ý : Các hướng dẫn trên chỉ áp dụng cho web mua tại Hướng đãn làm web miễn phí Elamweb.com và các web sử dụng themes Flatsome . Hướng dẫn này không áp dụng được đối với các themes khác.
Sau khi đăng nhập vào tài khoản quản trị , tại giao diện trang chủ, các bạn bấm vào Sửa Trang -> Ux Builder:
Sau khi Ux Builder load xong, các bạn sẽ thấy một giao diện kéo thả trực quan. Bên trái là các section – Mỗi section tương ứng với 1 mục ở bên phải – Như sản phẩm mới, tin tức, sản phẩm khuyến mãi. Việc phân chia theo Section như vậy sẽ dễ dàng hơn cho các bạn trong việc quản lý các mục.
Để thêm 1 Section hiển thị sản phẩm của một loại danh mục, các bạn bắt đầu bấm vào Add to nội dung. Thứ tự phân lớp sẽ là Section -> Row -> Block hiển thị Sản phẩm. Xây dựng section theo lớp như vậy sẽ đảm bảo hiển thị tốt ở tất cả giao diện, không bị kéo rộng ở giao diện có độ phân giải cao 1900px.
Vào Add to nội dung -> Và chọn Section:
Tại đây – Các bạn để là Default (mặc định) và bấm Apply
Sau khi đã có Section -> Các bạn bấm vào giữ section vừa mới tạo -> Chọn add Element -> Và chọn Row:
Tại đây chọn số cột hiển thị cho Row là 1 cột . Số cột này tùy theo yêu cầu của bạn. Tại ví dụ này, ta cần hiển thị sản phẩm dàn trang theo 1 hàng – Nên chọn số cột là 1.
Sau khi đã có Row . Bạn bấm vào Row vừa tạo và chọn Add Elements. Tại bước này, bạn kéo xuống dưới phần Shop và chọn Block Products
Block này sẽ có nhiều tùy chọn hiển thị sản phẩm như : On Sale ( Sản phẩm dang sale), Best selling (Sản phẩm bán chạy) .. Trong ví dụ này, tôi chọn mặc định ( Default)
Lúc này sẽ hiện ra một khung tùy chọn chi tiết cho phần sản phẩm này. Có các tùy chọn chính như Style , Type và Columns.
Phần style có nhiều kiểu hiển thị như Bình thường, chữ nằm trong ảnh(Overlay), Chữ và ảnh nằm ngang (Vertical). Phần này các bạn hãy thử và trải nghiệm. Trong ví dụ này, tôi chọn Kiểu là Normal (Lưu ý kiểu default và normal giống nhau về hiển thị – Nhưng kiểu Normal có tùy chọn chỉnh kích thước ảnh, còn default thì không)
Các bạn kéo xuống, ở phần bài viết, sẽ có 2 phần là Custom Posts và Category Post. Phần Custom Posts là các bạn có thể chọn đích danh các sản phẩm sẽ hiển thị. Ở phần Category Post, các bạn có thể chọn danh mục muốn hiển thị sản phẩm. Khi mục danh mục được chọn, sẽ chỉ có những sản phẩm thuộc danh mục đó được hiển thị ra ngoài.
Các bạn có thể chọn số lượng sản phẩm muốn hiển thị. Phần này tốt nhất nên từ 8 – 32 Sản phẩm, tránh nhiều quá sẽ làm tăng quá trình load trang.
Ở phần hình ảnh, nếu bạn muốn ảnh sản phẩm có hình vuông – phần chiều cao này nhập 100 % , muốn sản phẩm có hình chữ nhật thì giảm con số này xuống khoảng 60 – 85%.
Sau khi đã hoàn tất các phần, các bạn bấm vào Apply để hoàn tất quá trình.
Lúc này ta đã có 1 section hiển thị sản phẩm theo danh mục. Bước cuối cùng là đặt tên cho Section và kéo nó về vị trí mong muốn.
Chào bạn, tôi là Nguyễn Huỳnh Lộc (#7Loc). Trong kỷ nguyên số, một website không chỉ để trưng bày mà phải là một "cỗ máy in tiền" hoạt động 24/7. Tại Elamweb, chúng tôi kiến tạo những giải pháp công nghệ toàn diện giúp doanh nghiệp của bạn bỏ xa đối thủ.
💻 DỊCH VỤ THIẾT KẾ WEB & LẬP TRÌNH PHẦN MỀM
Với dịch vụ Thiết kế web aio, chúng tôi cam kết mang đến những sản phẩm chuẩn SEO, tốc độ cao. Bạn có thể dễ dàng lựa chọn từ kho Mẫu giao diện web khổng lồ của chúng tôi:
Để hệ thống vận hành trơn tru, Elamweb chuyên cung cấp các giải pháp phần mềm tối ưu quản trị và Dịch vụ seo web marketing web giúp tăng trưởng thứ hạng tìm kiếm bền vững.
Đặc biệt, nếu bạn muốn tự tay thiết kế và quản trị website, hãy tham gia ngay chương trình Đào tạo nghề thiết kế web thực chiến của chúng tôi.
🌐 KHÁM PHÁ HỆ SINH THÁI AIO GROUP
Không chỉ phục vụ công nghệ số, chúng tôi còn xây dựng một hệ sinh thái đa lĩnh vực mạnh mẽ:
Thực thi là thắng - Elamweb luôn sẵn sàng đồng hành cùng bạn!
🚀 Kết nối với Nguyễn Huỳnh Lộc (#7Loc)▼
🚀 KIẾN TẠO CỖ MÁY IN TIỀN TỰ ĐỘNG CÙNG ELAMWEB
Chào bạn – Quý đối tác tương lai! Tôi là Nguyễn Huỳnh Lộc (#7Loc). Tại Elamweb, chúng tôi cung cấp giải pháp toàn diện để nâng tầm thương hiệu của bạn.
Chào bạn – Quý đối tác tương lai! Tôi là Nguyễn Huỳnh Lộc (#7Loc). Tại Elamweb, chúng tôi cung cấp giải pháp toàn diện để nâng tầm thương hiệu của bạn.
