Làm sao thay đổi danh mục sản phẩm trên trang chủ

Bạn vừa mua 1 themes tại Web E Làm Web và không biết cách chỉnh sửa banner, text trên trang chủ ? Đừng lo, chúng tôi sẽ giúp bạn, chỉ với vài bước đơn giản sau đây.
Trong bài này , sử dụng nội dung tại Website Nội thất E Làm Web
Bước 1: Đăng nhập vào website với user và pass được cấp.
Bước 2: Vào trang chủ -> Bấm vào Sửa trang -> Edit with UX Builder
1 lam sao de thay doi banner va text thiet ke website elamweb
Tại đây sẽ hiện ra một màn hình với phong cách kéo thả rất đơn giản, ngay cả đối với những bạn chưa biết code.
2 lam sao de thay doi banner va text thiet ke website elamweb
Cột bên trái là Những section tương ứng trên cả trang chủ . Khi bấm vào section nào thì màn hình bên phải sẽ hiển thị section tương ứng.
Để thay đổi banner, các bạn nhấp chuột trái vào hình ảnh cần chỉnh sửa.
3 lam sao de thay doi banner va text thiet ke website elamweb
Các phần text phía dưới cũng tương tự, để sửa phần nào, các bạn chỉ việc nhấp chuột trái vào phần đó, và sửa vào khung tương ứng bên tay trái
4 lam sao de thay doi banner va text thiet ke website elamweb
5 lam sao de thay doi banner va text thiet ke website elamweb
Icon hình ảnh cũng tương tự.
Đối với block sản phẩm -> Block này mặc định sẽ hiển thị các sản phẩm mới nhất.Ở Mục Sản phẩm có 2 phần đáng chú ý là phần Style và phần Bài viết:
6 lam sao de thay doi banner va text thiet ke website elamweb
Ở phần Style có các tùy chọn sau:
1.Phần Style : Có các tùy chọn:
Normal: Hiển thị bình thường
Vertical: Hiển thị theo dạng ngang, hình ảnh 1 bên và tiêu đề 1 bên.
Overlay: Chữ nằm trong ảnh
Và 1 số tùy chọn khác, các bạn có thể bấm vào và xem trực tiếp.
2.Phần Type : Có các tùy chọn:
Slide: Hiển thị theo dạng Slide kéo trượt
Full Slide: Hiển thị 1 slide trên 1 hàng
Row: Hiển thị dạng nhiều sản phẩm
Grid: Hiển thị dạng lưới.
3.Column Spacing: Khoảng cách giữa các sản phẩm, bạn có thể điều chỉnh khoảng cách này theo ý thích
4.Columns: Phần này sẽ hiển thị số lượng sản phẩm trên 1 hàng. Bạn có thể tùy chọn thay đổi theo ý thích
5. Deepth: Mặc định là 0 , sẽ không có bo viền của sản phẩm. Từ 1 đến 5 là bo viền và độ đậm của viền sẽ tăng dần.
Bấm chuột trái vào block Product -> Ở màn hình bên trái , kéo xuống mục bài viết -> ở mục Category, chọn danh mục tương ứng muốn hiển thị.
7 lam sao de thay doi banner va text thiet ke website elamweb
Phần quan tâm thứ hai là phần bài viết.Bạn có thể tùy chọn danh mục nào sẽ hiển thị. Nếu bạn không chọn phần này, mặc định sẽ chọn ra những sản phẩm mới nhất để hiển thị .
Bấm vào mục Category, tại đây, sẽ hiện ra list các danh mục của bạn. Hãy chọn danh mục tương ứng.
8 lam sao de thay doi banner va text thiet ke website elamweb
Các mục hình ảnh và text khác cũng có cách thay đổi tương tự:
9 lam sao de thay doi banner va text thiet ke website elamweb
Cuối cùng , nhấp Apply và Update để lưu lại quá trình trình sửa (QUAN TRỌNG)
10 lam sao de thay doi banner va text thiet ke website elamweb

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)
Bài viết liên quan