Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - 2026

🚀 LỜI NGỎ & GIẢI PHÁP TỪ CHUYÊN GIA DIGITAL
Đang có 26 người cùng xem trang này.

⏱️ Thời gian xem/đọc: 9 phút

🚀 GIẢI PHÁP SỐ HÓA & HỆ SINH THÁI AIO GROUP

👋 Chào mừng bạn ghé thăm Dịch Vụ Thiết Kế Web – Lập Trình Phần Mềm Ứng Dụng AIO – Elamweb.com! Chúc bạn một ngày tràn đầy năng lượng & thành công.
☕ Chào buổi chiều thành công! 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:
1 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
1-them-san-pham-len-danh-muc-website-elamwerb-huong-dan-thiet-ke-web-mien-phi
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.
2 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
2-them-san-pham-len-danh-muc-website-elamwerb-huong-dan-thiet-ke-web-mien-phi
Để 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:
3 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
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
4 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
4-them-san-pham-len-danh-muc-website-elamwerb-huong-dan-thiet-ke-web-mien-phi
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)
5 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
5-them-san-pham-len-danh-muc-website-elamwerb-huong-dan-thiet-ke-web-mien-phi
Ở phần Type khá đơn giản :
Slider: Hiển thị sản phẩm theo kiểu slide
Row: Hiển thị theo kiểu hàng:
Các tùy chọn còn lại , các bạn có thể thử và trải nghiệm. Trong ví dụ này, tôi chọn Row.
6 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
5-them-san-pham-len-danh-muc-website-elamwerb-huong-dan-thiet-ke-web-mien-phi
Phần Column: Số sản phẩm trên 1 hàng
Phần Depth: Border cho mỗi 1 sản phẩm
Depth hover : Border khi hover.
+ Chọn Danh mục sản phẩm cho các sản phẩm:
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.
7 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
7-them-san-pham-len-danh-muc-website-elamwerb-huong-dan-thiet-ke-web-mien-phi
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.
8 them san pham len danh muc website elamwerb huong dan thiet ke web mien phi
Ở 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úc các bạn thành công !

0.0 – Những điều cần làm khi sau khi cài đặt một giao diện mua từ Web Elamweb
01. Làm sao thay đổi danh mục sản phẩm trên trang chủ ?
02. Làm sao để thay đổi banner và hình ảnh – text trên trang chủ ?
03. Làm sao để thay đổi tiêu đề trang ?
04. Làm sao để thay đổi logo trang web ?
05. Làm sao thay đổi nội dung Footer
06.Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ?
07.Làm sao xóa bỏ những Slug không cần thiết trên URL trang web?
08. Cách chèn Google Analytics vào Website
09. Làm sao xóa bỏ bản quyền Web Elamweb (Chỉ dành cho đối tác)
10. Hướng dẫn sử dụng Duplicator để backup và chuyển host nhanh gọn
11.Hướng dẫn bung file Duplicator cho người mới
12.Lưu ý – Hướng dẫn bật Index Google cho Website
13. Hướng dẫn thay đổi độ dài đoạn mô tả trong trang danh mục bài viết
14.Hướng dẫn cập nhật bản mới nhất cho các giao diện tại Web Elamweb
15. Cách lấy thông tin SMTP của Gmail để thiết lập gửi mail
16.Hướng dẫn xác định kích thước chính xác của hình ảnh trên website
17.Google PageSpeed Insight là gì ? Hướng dẫn tối ưu điểm Google PageSpeed Insight 2021
18.Cách xóa cache hình ảnh và mô tả khi Share link trên Zalo
19.Hướng dẫn khôi phục lại các nội dung trên trang khi lỡ xóa nhầm
20. Hướng dẫn cách đổi tên giao diện không mất định dạng (Chỉ dành cho giao diện mua tại Web Elamweb)
21.Cách chèn các icon Số điện thoại, Facebook, Zalo.. vào website

0/5 (0 Reviews)
🚀 GIẢI PHÁP SỐ HÓA & HỆ SINH THÁI AIO GROUP
🚀
Kết nối với Nguyễn Huỳnh Lộc (#7Loc) - Chuyên gia Digital
Bài viết liên quan
🔥 GỢI Ý CHO BẠN

BẠN NÊN XEM

×
Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - nhloc.com Làm sao để thay đổi logo trang web ? Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - nhloc.com Google pagespeed insight là gì? Cách tối ưu điểm Google pagespeed insight 2022 Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - nhloc.com Cách bật index goolge cho website, bước quan trọng khi làm web wordpress Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - nhloc.com Cách để thay đổi banner và hình ảnh text trên trang chủ trong website wordpress? Làm sao để thêm sản phẩm của danh mục bất kỳ lên trang chủ ? - nhloc.com Cách chèn Google Analytics vào Website
🔥
ĐÓNG ✕

🚀 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). Trong kỷ nguyên số, một website không chỉ là nơi để trưng bày, mà phải là "nhân viên sale" xuất sắc nhất hoạt động 24/7. 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.

💻 GIẢI PHÁP SỐ HÓA TRỌN GÓI

Bạn sẽ được trải nghiệm dịch vụ Thiết kế web aio chuẩn SEO và tối ưu chuyển đổi đỉnh cao. Bất kể bạn kinh doanh lĩnh vực gì, kho Mẫu giao diện web khổng lồ của chúng tôi đều có sẵn:

📈 BỨT PHÁ DOANH THU & ĐÀO TẠO

Để duy trì bộ máy mạnh mẽ, Elamweb cung cấp các giải pháp lập trình Phần mềm chuyên nghiệp và tăng trưởng Traffic thần tốc cùng Dịch vụ SEO web marketing web vượt trội.

Đặc biệt, nếu bạn muốn tự tay xây dựng đế chế số của riêng mình, khóa học Đào tạo nghề thiết kế web của chúng tôi chính là bệ phóng hoàn hảo.

🌐 KHÁM PHÁ HỆ SINH THÁI AIO GROUP

Không chỉ dừng lại ở mảng công nghệ, Lộc đã và đang xây dựng một Hệ sinh thái toàn diện để đồng hành cùng bạn trên mọi phương diện:

HÃY LIÊN HỆ ĐỂ BẮT ĐẦU DỰ ÁN CỦA BẠN

Zalo Facebook LinkedIn YouTube TikTok

Thực thi là thắng! Hẹn gặp bạn ở đỉnh cao thành công.

KẾT NỐI VỚI NGUYỄN HUỲNH LỘC
Đóng