Giao diện "Respro Restoration" được thiết kế chuyên cho shop kinh doanh Dịch vụ, Nước hoa, Mỹ phẩm, thời trang, giày, dép, túi xách...
1Tính năng nổi bật
- Tích hợp nhiều thuộc tính cho sản phẩm
- Tối ưu SEO, tốc độ tải trang nhanh
- Tích hợp tính năng chia sẻ qua Facebook, Twitter, Pinterest, Linkedin
2Hướng dẫn 1 số tính năng
2.1 Thêm nút Hotline và Zalo ở góc bên trái
- Bước 1:
Trong Admin, truy cập vào "Giao diện -> Chỉnh sửa HTML"
- Bước 2:
Sao chép đoạn mã bên dưới vào "Chỉnh sửa HTML trong thẻ body". Lưu ý: Bạn cần thay đổi số điện thoại
- Bước 3:
Nhấn nút "Lưu"
<a href="tel:0949119871" class="phone-ring"><span class="phone-circle"><i class="fa fa-phone-alt animation"></i></span><span class="phone-text">Tư vấn: 0949.119.871</span></a>
<a href="https://zalo.me/0949119871" class="phone-zalo animation">Zalo</a>
2.2 Thêm thông tin trong chi tiết sản phẩm
- Bước 1:
Trong Admin, truy cập vào "Giao diện -> Thiết kế giao diện"
- Bước 2:
Chọn trang "Chi tiết sản phẩm".
- Bước 3:
Chọn widget "Chi tiết sản phẩm" và nhấn vào icon "Chỉnh sửa"
- Bước 4:
Nhấn vào "Mã HTML" và sao chép đoạn mã bên dưới vào "Thông tin thêm"
- Bước 5:
Nhấn nút "OK" và nút "Lưu"
<ul class="policy">
<li>
<i class="fal fa-redo"> </i>
<p>Đổi trả <strong>30 ngày</strong> (với sản phẩm chưa sử dụng)</p>
</li>
<li>
<i class="fal fa-shipping-fast"> </i>
<p>Giao hàng thu tiền, thanh toán online nhiều phương thức</p>
</li>
<li>
<i class="fal fa-phone-alt"> </i>
<p>Tổng đài: <a href="tel:0949119871">0949.119.871</a> (7h30 - 22h00)</p>
</li>
</ul>
Màn hình chỉnh sửa trong admin
Màn hình hiển thị ở bên ngoài giao diện website
2.3 Thêm thông tin số tài khoản trong giỏ hàng
- Bước 1:
Trong Admin, truy cập vào "Giao diện -> Thiết kế giao diện"
- Bước 2:
Chọn trang "Giỏ hàng".
- Bước 3:
Chọn widget "Giỏ hàng" và nhấn vào icon "Chỉnh sửa"
- Bước 4:
Sao chép đoạn mã bên dưới vào "Danh sách tài khoản ngân hàng" và sửa lại thông tin cho phù hợp
- Bước 5:
Nhấn nút "OK" và nút "Lưu"
<div class="cart-bank bank-list">
<div class="media">
<img src="https://cdn.gianhangvn.com/image/logo-techcombank.jpg"/>
<div class="media-body">
<p><strong>Ngân hàng Techcombank chi nhánh Bình Thạnh</strong></p>
<p>Chủ tài khoản: <strong>Lê Thái Nguyên</strong></p>
<p>Số tài khoản: <strong>190 2872 7210 019</strong></p>
</div>
</div>
<div class="media">
<img src="https://cdn.gianhangvn.com/image/logo-vietcombank.jpg"/>
<div class="media-body">
<p><strong>Ngân hàng Vietcombank chi nhánh Gò Vấp</strong></p>
<p>Chủ tài khoản: <strong>Lê Thái Nguyên</strong></p>
<p>Số tài khoản: <strong>007 10 00 77 89 88</strong></p>
</div>
</div>
</div>
Màn hình chỉnh sửa trong admin
Màn hình hiển thị ở bên ngoài giao diện website
2.4 Tạo chân trang website
- Bước 1:
Trong Admin, truy cập vào "Giao diện -> Thiết kế giao diện"
- Bước 2
Chọn widget "Chân trang website" và nhấn vào icon "Chỉnh sửa"
- Bước 3:
Nhấn vào "Mã HTML" và sao chép đoạn mã bên dưới vào "Chi tiết nội dung"
- Bước 4:
Nhấn nút "OK" và nút "Lưu"
<div class="row">
<div class="col-lg-3">
<div class="footer-block">
<div class="footer-logo">
<a class="logo" href="/" title="Logo"><img src="https://cdn.gianhangvn.com/image/logo.png" alt="Logo" /></a>
</div>
<p class="text-justify"><b>Công Ty TNHH Công Nghệ Mulplat</b> là một trong những công ty tiên phong nghiên cứu công nghệ phục hồi và bảo vệ vật liệu bằng công nghệ tiên trên toàn thế giới như Pháp, Đức, Mỹ, Úc…để sàng lọc và lựa chọn những công nghệ và dòng sản phẩm tốt nhất tiên tiến nhất mang về Việt Nam.</p>
<ul class="footer-website">
<li><a title="Website chính thức" href="#">www.gianhangvn.com</a></li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="footer-block">
<h3 class="footer-block-title ">Dịch vụ</h3>
<ul class="footer-list">
<li><a href="#">Phục hồi sàn đá granite</a></li>
<li><a href="#">Phục hồi sàn đá marble</a></li>
<li><a href="#">Phục hồi sàn bêtông</a></li>
<li><a href="#">Phục hồi sàn gỗ</a></li>
<li><a href="#">Phục hồi tấm Aluminium</a></li>
<li><a href="#">Phục hồi kính bị ố</a></li>
<li><a href="#">Phục hồi kính buồng tắm, lan can</a></li>
<li><a href="#">Phục hồi sắt không rỉ, inox</a></li>
<li><a href="#">Phục hồi vết xước trên kính</a></li>
<li><a href="#">Phủ nano nhà kính</a></li>
<li><a href="#">Phủ nano kính ôtô</a></li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="footer-block">
<h3 class="footer-block-title ">Liên kết</h3>
<ul class="footer-list">
<li><a href="#">Giới thiệu</a></li>
<li><a href="#">Chính sách vận chuyển</a></li>
<li><a href="#">Hình thức thanh toán</a></li>
<li><a href="#">Hướng dẫn thanh toán</a></li>
<li><a href="#">Chính sách đổi trả</a></li>
<li><a href="#">Chính sách kiểm hàng</a></li>
</ul>
</div>
</div>
<div class="col-lg-3">
<div class="footer-block">
<h3 class="footer-block-title">Liên hệ</h3>
<div class="footer-contact">
<div class="media">
<div class="media-body">
<p class="footer-contact-text"><span>Địa chỉ:</span> Tầng Trệt Tòa Nhà D-Head 371 Nguyễn Kiệm, Phường 3, Quận Gò Vấp, TP.HCM</p>
<p class="footer-contact-text"><span>Email:</span> <a href="mailto:lienhe@gianhangvn.com" title="Gửi liên hệ ngay">lienhe@gianhangvn.com</a></p>
<p class="footer-contact-text"><span>Điện thoại:</span> <a href="tel:0949119871" title="Gọi ngay">0949.119.871</a></p>
</div>
</div>
</div>
<ul class="social mt-2">
<li><a class="facebook" href="#" title="Facebook"> <i class="fab fa-facebook"> </i></a></li>
<li><a class="twitter" href="#" title="Twitter"> <i class="fab fa-twitter"> </i></a></li>
<li><a class="pinterest" href="#" title="Pinterest"> <i class="fab fa-pinterest"> </i></a></li>
<li><a class="linkedin" href="#" title="Linkedin"> <i class="fab fa-linkedin"> </i></a></li>
</ul>
<img class="logo-cong-thuong mt-4" src="https://cdn.gianhangvn.com/image/logo-cong-thuong-osyivna.png" alt="Bộ Công Thương" />
</div>
</div>
</div>
Link tham khảo: https://hoanggiatech.net