Trang chủ >

Cài đặt trang chi tiết sản phẩm

Bài viết hướng dẫn các bạn cách cài đặt trang chi tiết sản phẩm, hình dưới đây là trang chi tiết sản phẩm, mình sẽ hướng dẫn các bạn chỉnh lại theo ý

screenshot_1


VD mình sẽ làm bố cục như sau: đưa ảnh sang trái chiếm 50% nội dung, 50% còn lại sẽ để các thông số như giá, nút đặt hàng, mô tả ngắn ...

Dưới 2 ô chứa lớn này sẽ là nội dung chi tiết

Trong trang quản lý các bạn vào Giao diện > tùy chọn trang   sản phẩm > Trang chi tiết PC 1

screenshot_2

Thêm 2 ô chứa vào và lưu lại

screenshot_3

Reload lại trang này để 2 ổ chứa được đưa lên trên cùng các chức năng đã chọn

screenshot_4

Kéo thả các chức năng vào 2 ô chứa, vd mình để ảnh chính và thumb vào ô chứa 1 , các chức năng nhỏ còn lại cho vào ô chứa 2, các chức năng nội dung chi tiết, sửa chi tiết, phản hồi FB cho xuống dưới, và cấu hình 2 ô chứa như sau

screenshot_5

Kết quả trang chi tiết sản phẩm

screenshot_6


Có thể tinh chỉnh 1 chút theo ý bạn, vd sửa cho giá to lên, mầu đỏ, nhập 1 ít lệnh css vào

screenshot_7

Kết quảscreenshot_8


Chúc các bạn thành công


Chat hỗ trợ
Chat ngay