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 ý

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

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

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

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

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

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

Kết quả

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