Download and upload, extract samples.zip file from our demo. This is link: images/samples.zip
Go to Module manager => Choose Custom HTML in Select type Modules. After that, create new Custom HTML module with the guide below.
1. Eshop Texttop
Copy HTML code:
<h2>0123-456-789</h2>
<p>free call orders 24/24h</p>
Module Back-end setting
- Module position: shop-texttop
- Show title: NOT USED
- Module Suffix: NOT USED
- Menu Assignment: All Pages
2. Payment Footer
Copy HTML code:
<p><img src="/docs/images/sampledata/payment/visa.png" alt="" /><img src="/docs/images/sampledata/payment/paypal.png" alt="" /><img src="/docs/images/sampledata/payment/discover.png" alt="" /><img src="/docs/images/sampledata/payment/stripe.png" alt="" /><img src="/docs/images/sampledata/payment/amazon.png" alt="" /></p>
3. Menu banner 1-2-3-4
Copy this image to each module difference with positions: menu-banner-1, menu-banner-2, menu-banner-3, menu-banner-4
<p><img src="/docs/images/sampledata/menu-banner/menu-banner-1.jpg" alt="" /></p> <p><img src="/docs/images/sampledata/menu-banner/menu-banner-2.jpg" alt="" /></p> <p><img src="/docs/images/sampledata/menu-banner/menu-banner-3.jpg" alt="" /></p> <p><img src="/docs/images/sampledata/menu-banner/menu-banner-4.jpg" alt="" /></p>
Module Back-end setting
- Module position: menu-banner-1, menu-banner-2, menu-banner-3, menu-banner-4
- Title: NOT USED
- Module Suffix: NOT USED
- Menu Assignment: All Pages
4. Menu Our Brands
<p><a href="http://adidas.com" target="_blank"><img src="/docs/images/sampledata/brands/adidas.jpg" alt="" /></a><a href="http://boss.com" target="_blank"><img src="/docs/images/sampledata/brands/boss.jpg" alt="" /></a><a href="http://chanel.com" target="_blank"><img src="/docs/images/sampledata/brands/chanel.jpg" alt="" /></a><a href="http://dg.com" target="_blank"><img src="/docs/images/sampledata/brands/dg.jpg" alt="" /></a><a href="http://dior.com" target="_blank"><img src="/docs/images/sampledata/brands/dior.jpg" alt="" /></a><a href="http://dkny.com" target="_blank"><img src="/docs/images/sampledata/brands/dkny.jpg" alt="" /></a></p>
<p><a href="http://gucci.com" target="_blank"><img src="/docs/images/sampledata/brands/gucci.jpg" alt="" /></a><a href="http://kenzo.com" target="_blank"><img src="/docs/images/sampledata/brands/kenzo.jpg" alt="" /></a><a href="http://lacoste.com" target="_blank"><img src="/docs/images/sampledata/brands/lacoste.jpg" alt="" /></a><a href="http://prada.com" target="_blank"><img src="/docs/images/sampledata/brands/prada.jpg" alt="" /></a><a href="http://puma.com" target="_blank"><img src="/docs/images/sampledata/brands/puma.jpg" alt="" /></a><a href="http://zara.com" target="_blank"><img src="/docs/images/sampledata/brands/zara.jpg" alt="" /></a></p>
Module Back-end setting
- Module position: menu-product
- Show title: NOT USED
- Module Suffix: NOT USED
- Menu Assignment: All Pages
5. Banner Position 1-2
Show banner position 1 and 2
<p><a class="post-image" href="#"><img src="/docs/images/banners/banner-1.jpg" alt="" /><span class="hover_shine"> </span></a></p> <p><a class="post-image" href="#"><img src="/docs/images/banners/banner-2.jpg" alt="" /><span class="hover_shine"> </span></a></p>
Module Back-end setting
- Module position: position-1 and position-2
- Module title: NOT USED
- Module Suffix: NOT USED
- Menu Assignment: Only Homepage
6. Visit our office
<p>Lang Ha Street, Ba Dinh, Hanoi, Viet Nam</p>
<p>Call: 01234 567 89</p>
<p><a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a></p>
Module Back-end setting
- Module position: position-5
- Show title: Visit Our Office
- Module Suffix: NOT USED
- Menu Assignment: All Pages
7. Business Hours
<p>Mon-Fri --------------------------- 8am - 5pm</p>
<p>Sat --------------------------- 7am - 6pm</p>
<p>Sun --------------------------- Closed</p>
Module Back-end setting
- Module position: position-6
- Show title: Business Hours
- Module Suffix: NOT USED
- Menu Assignment: All Pages
8. Join In
<p>Nunc massa metus, euismod non, porta nec, adipiscing a, leo.</p>
<p><a href="http://facebook.com"><span class="social-icons"><i class="fa fa-facebook"><span class="text-hide">face</span></i></span></a> <a href="htpp://plus.google.com"><span class="social-icons"><i class="fa fa-google-plus"><span class="text-hide">g+</span></i></span></a> <a href="htpp://twitter.com"><span class="social-icons"><i class="fa fa-twitter"><span class="text-hide">twitter</span></i></span></a> <a href="http://linkedin.com"><span class="social-icons"><i class="fa fa-linkedin"><span class="text-hide">linkedin</span></i></span></a> <a href="http://rss.com"><span class="social-icons"><i class="fa fa-rss"><span class="text-hide">rss</span></i></span></a></p>
Module Back-end setting
- Module position: position-7
- Title: Join In
- Module Suffix: NOT USED
- Menu Assignment: All Pages
9. Newsletter
<form id="mc-embedded-subscribe-form" class="validate" action="#" method="post" name="mc-embedded-subscribe-form" target="_blank">
<div id="mc_embed_signup_scroll"><label for="mce-EMAIL">Nunc massa metus, euismod non, porta nec massa metus</label>
<div class="input-wrap input-append"><input id="mce-EMAIL" class="email" name="EMAIL" type="email" value="" placeholder="Enter Your Email" /> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_c227de1bac8b3f78827f05026_8dc6f424fa" type="text" value="" /></div>
<button id="mc-embedded-subscribe" class="button btn btn-primary" name="subscribe" type="submit" value="Send"><i class="fa fa-envelope"><span class="text-hide">Send</span></i></button></div>
</div>
</form>
Module Back-end setting
- Module position: position-8
- Title: Newsletter
- Module Suffix: NOT USED
- Menu Assignment: All Pages
10. Free Shipping 1-2-3
A. Free shipping: shipping-1
<p><i class="fa fa-truck"><span class="text-hide">truck</span></i>FREE SHIPPING ON ORDERS OVER $99</p>
B. Money Back: shipping-2
<p><i class="fa fa-money"><span class="text-hide">money</span></i>30 DAYS MONEY BACK GUARANTEE</p>
C. Customer Support: shipping-3
<p><i class="fa fa-comments-o"><span class="text-hide">support</span></i>CUSTOMER SUPPORT SERVICE</p>
Module Back-end setting
- Module position: shipping-1, shipping-2, shipping-3
- Title: NOT USED
- Module Suffix: NOT USED
- Menu Assignment: Only Homepag
11. Free Delivery
<div class="wrap-gray">
<div class="col-md-3"><i class="fa fa-truck"><span class="text-hide">Free Delivery</span></i></div>
<div class="col-md-9">
<h4>Free Delivery</h4>
<p>Vivamus fringilla suscipit mi. In hac habitasse platea</p>
</div>
</div>
<div class="wrap-gray">
<div class="col-md-3"><i class="fa fa-money"><span class="text-hide">Money Back</span></i></div>
<div class="col-md-9">
<h4>Money Back</h4>
<p>Vivamus fringilla suscipit mi. In hac habitasse platea</p>
</div>
</div>
<div class="wrap-gray">
<div class="col-md-3"><i class="fa fa-comments"><span class="text-hide">Support Service</span></i></div>
<div class="col-md-9">
<h4>Support Service</h4>
<p>Vivamus fringilla suscipit mi. In hac habitasse platea</p>
</div>
</div>
<div class="wrap-gray">
<div class="col-md-3"><i class="fa fa-cubes"><span class="text-hide">Sample Promo Title</span></i></div>
<div class="col-md-9">
<h4>Sample Promo Title</h4>
<p>Vivamus fringilla suscipit mi. In hac habitasse platea</p>
</div>
</div>
Module Back-end setting
- Module position: sidebar-2
- Title: NOT USED
- Module Suffix: NOT USED
- Menu Assignment: Just show on Products detail pages