Xây dựng website bán hàng với Flatsome – Phần 7 – Xây dựng footer toàn site

Xây dựng website bán hàng với Flatsome – Phần 7 – Xây dựng footer toàn site

Xây dựng website bán hàng với Flatsome - Phần 7 - Xây dựng footer toàn site

Tạo UX Blocks footer dùng chung cho toàn site

Menu Admin/ UX Blocks / Tạo Block mới để tạo một block mới.

Các bạn đặt tiêu đề là Footer ( hoặc tùy ý bạn ) xong lưu lại nhé

Bấm vào UX Builder để dùng builder của flatsome xây dựng một footer

Các bạn xem video cách dùng UX Builder

Nội dung block footer

[section label="footer all site" padding="0px"]

[row style="collapse" width="full-width" v_align="middle" h_align="center"]

[col span__sm="12"]

Bộ đàm Camera quan sát
Camera trọn bộ
Đầu ghi camera
Hệ thống âm thanh
Hệ thống âm thanh
Phụ kiện Dịch vụ lắp đặt

[/col]

[/row]
[row label="footer column" style="collapse" v_align="equal" class="footer-column"]

[col span="6" span__sm="6"]

CÔNG TY CÔNG NGHỆ VÀ VIỄN THÔNG GOTECH

 74 Đỗ Quang, Vĩnh Trung, Thanh Khê, Đà Nẵng

 Điện thoại: 096 895 60 98

 Mail contact: info@gotechcamera.com

 MST: 0401883313 – PĐKKD Sở KHĐT Đà Nẵng | 09/03/2018

[/col]
[col span="3" span__sm="6"]

Về chúng tôi
Giới Thiệu
Liên hệ
Khiếu nại – góp ý
Tuyển dụng
Sơ đồ trang

[/col]
[col span="3" span__sm="6"]

Chính sách khách hàng
Chính sách giao hàng
Chính sách bảo hành
Hướng dẫn bảo quản
Chính sách Đổi/Trả
Hình thức thanh toán

[/col]

[/row]

[/section]

 

Các đoạn css dùng trong bài

.list-footer
{
    background: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.list-footer li
{
    display: inline-block;
}

.footer-column .col-inner h4
{
    color: #FC6445;
    text-transform: uppercase;
    font-size: 1em;
}
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments