Thiết lập trang danh sách cửa hàng theme EGA Fashion Haravan
1. Thiết lập trang Danh sách cửa hàng
Truy cập Admin Haravan > Website > Trang nội dung > Tạo trang
Nhập thông tin cho trang Danh sách cửa hàng theo 3 bước sau:
Bước 1: Nhập Tên Tiêu đề
Bước 2: Chọn giao diện có tên: page.shoplist
Bước 3: Nhập thông tin cửa hàng trong Nội dung
- Tạo bảng có số cột là 4, số dòng là số lượng cửa hàng bạn muốn đưa vào danh sách.
- Lần lượt điền vào 4 cột những thông tin sau:
| Cột 1: Tên Tỉnh Thành | Cột 2: Tên Chi nhánh | Cột 3: Địa chỉ Chi nhánh | Cột 4: Iframe địa chỉ |
|---|---|---|---|
| Tỉnh 1 | Chi nhánh 1 | Địa chỉ 1 | Iframe 1 |
| ... | ... | ... | ... |
Cách khác thay thế cho Bước 3
Bạn có thể sử dụng bảng mẫu bằng cách sao chép đoạn code bên dưới, dán vào Nội dung > Mã HTML
<table cellpadding="0" cellspacing="0" border="1" style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="width: 63.5px;">Hồ Chí Minh</td><td style="text-align: justify; width: 1px;">Chi nhánh Gò Vấp, HCM</td><td>150 Nguyễn Duy Cung, P15, Gò Vấp, HCM<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.076062269184!2d106.71350951479374!3d10.805486392301837!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317528a3937a79b1%3A0x8429d06b6415b128!2zOTYgxJAuIE5ndXnhu4VuIEdpYSBUcsOtLCBQaMaw4budbmcgMjUsIELDrG5oIFRo4bqhbmgsIEjhu5MgQ2jDrSBNaW5oLCBWaeG7h3QgTmFt!5e0!3m2!1svi!2s!4v1593398979303!5m2!1svi!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td></tr><tr><td style="width: 63.5px;">Hồ Chí Minh</td><td style="width: 1px;">Chi nhánh Tân Bình, HCM</td><td>111 Hoàng Hoa Thám, P13, Tân Bình, HCM<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.1173011673436!2d106.64517871535624!3d10.802327061667555!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529224e293d0f%3A0x2a7a24969e3b2a6!2zMTExIEhvw6BuZyBIb2EgVGjDoW0sIFBoxrDhu51uZyAxMywgVMOibiBCw6xuaCwgVGjDoG5oIHBo4buRIEjhu5MgQ2jDrSBNaW5oIDcwMDAwMCwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1640688506240!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></td></tr><tr><td style="width: 63.5px;">Hồ Chí Minh</td><td style="width: 1px;">Chi nhánh Quận 10</td><td>111 Hoàng Hoa Thám, P13, Tân Bình, HCM<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.1173011673436!2d106.64517871535624!3d10.802327061667555!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529224e293d0f%3A0x2a7a24969e3b2a6!2zMTExIEhvw6BuZyBIb2EgVGjDoW0sIFBoxrDhu51uZyAxMywgVMOibiBCw6xuaCwgVGjDoG5oIHBo4buRIEjhu5MgQ2jDrSBNaW5oIDcwMDAwMCwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1640688506240!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></td></tr><tr><td style="width: 63.5px;">Hồ Chí Minh</td><td style="width: 1px;">Chi nhánh Quận 1</td><td>111 Hoàng Hoa Thám, P13, Tân Bình, HCM<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3919.1173011673436!2d106.64517871535624!3d10.802327061667555!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529224e293d0f%3A0x2a7a24969e3b2a6!2zMTExIEhvw6BuZyBIb2EgVGjDoW0sIFBoxrDhu51uZyAxMywgVMOibiBCw6xuaCwgVGjDoG5oIHBo4buRIEjhu5MgQ2jDrSBNaW5oIDcwMDAwMCwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1640688506240!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></td></tr><tr><td style="width: 63.5px;">Hà Nội</td><td style="width: 1px;">Chi nhánh Hàng Trống</td><td>8 Hàng Trống, Hoàn Kiếm, Hà Nội<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.035597971448!2d105.8471021154233!3d21.031261593067708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135abbe2eaf9edb%3A0x719132f80c8c03ce!2zOCBIw6BuZyBUcuG7kW5nLCBIb8OgbiBLaeG6v20sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1640695532321!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></td></tr><tr><td style="width: 63.5px;">Hà Nội</td><td style="width: 1px;">Chi nhánh Ba Đình</td><td>8 Hàng Trống, Hoàn Kiếm, Hà Nội<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.035597971448!2d105.8471021154233!3d21.031261593067708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135abbe2eaf9edb%3A0x719132f80c8c03ce!2zOCBIw6BuZyBUcuG7kW5nLCBIb8OgbiBLaeG6v20sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1640695532321!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></td></tr><tr><td style="width: 63.5px;">Hà Nội</td><td style="width: 1px;">Chi nhánh Ngã Tư Sở</td><td>8 Hàng Trống, Hoàn Kiếm, Hà Nội<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.035597971448!2d105.8471021154233!3d21.031261593067708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135abbe2eaf9edb%3A0x719132f80c8c03ce!2zOCBIw6BuZyBUcuG7kW5nLCBIb8OgbiBLaeG6v20sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1640695532321!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></td></tr><tr><td style="width: 63.5px;">Hà Nội</td><td style="width: 1px;">Chi nhánh Ấp Bắc</td><td>8 Hàng Trống, Hoàn Kiếm, Hà Nội<br /></br>Số điện thoại: 0934269700</td><td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3724.035597971448!2d105.8471021154233!3d21.031261593067708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135abbe2eaf9edb%3A0x719132f80c8c03ce!2zOCBIw6BuZyBUcuG7kW5nLCBIb8OgbiBLaeG6v20sIEjDoCBO4buZaSwgVmnhu4d0IE5hbQ!5e0!3m2!1svi!2s!4v1640695532321!5m2!1svi!2s" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></td></tr></tbody></table><p> </p>
Xem hướng dẫn nhanh cách sử dụng bảng mẫu trong video dưới đây
Demo danh sách cửa hàng
Mở rộng
Cách lấy Iframe địa chỉ chi nhánh trên Google Maps: Click xem tại đây
Sau khi điền đầy đủ thông tin > Bạn Lưu lại trang > Click xem thử trên website
Xem lại trang Danh sách cửa hàng trên website
2. Cách lấy Ifame địa chỉ trên Google Maps
Truy cập vào link Google Maps
Tìm địa chỉ ở khung tìm kiếm
- Click vào biểu tượng Chia sẻ
- Click sang tab Nhúng bản đồ và SAO CHÉP HTML
- Dán mã HTML vào cột 4 trong bước nhập thông tin cho trang Danh sách cửa hàng.
Sau khi hoàn tất thiết lập trên, bạn đã có thể sử dụng tính năng Danh sách cửa hàng cho theme EGA Fashion. Nếu cần hỗ trợ vui lòng liên hệ chúng tôi qua email [email protected].