For instructions to change the logo, please refer to: ore

Size: px

Start display at page:

Download "For instructions to change the logo, please refer to: ore"

Shanon Bryan
5 years ago
Views:

1 Header Note: VapeDay Theme have 2 versions. Version 1.0 with Left bar for long list of categories and Version 2.0 with No Left bar with categories in the header. While editing the theme files from template folder, please make sure to get the theme files from /web/assets/templates/vapeday-v1-core/ for Version 1.0 and for Version 2.0. Phone Number and To change and Phone number; Go to Settings -> General -> Store Settings Click on the " Store " tab Scroll down to the " Merchant Information " section of the page. Look for the Phone Number and field and change it. Finally save changes. Logo: For instructions to change the logo, please refer to: ore Menu Links: Menu LInks: From your 3dcart Online Store Manager: Go to Content -> Site Content. In here, you will easy to Add / Edit / Remove a menu link and you can easy to sorting your menu links. Read more information about managing site content section here: Category Navigation:

Please refer to https://support.3dcart.com/knowledgebase/article/view/178/9/ how-do-i-use-categories for details of managing categories.

2 Please refer to how-do-i-use-categories for details of managing categories. Homepage Carousel: You can add up to 6 slides on the homepage main slider To create a slide; In your store admin go to Modules in the left menu. Search for Homepage Carousel and click Change Settings. Upload images to media library and use their URLs in slide How to upload images? -product-images Category Banners: For each banner you can modify; Banner image Banner Heading Button link URL Button Text Image alt text (For SEO purposes)

3 How to upload images? -product-images <section class="hometopbanner wow fadeinup" data-wow-delay="0.1s">. <div class="banner-inner"> <img src=" assets/templates/vapeday-v2-core/images/banner1.jpg " alt=" banner1 "/> <div class="bannertxt"> <h3> Proin dign ir <br/> augue non </h3> <a href=" " class="btn btn-primary animatebtn"> Shop Now </a>. <div class="banner-inner"> <img src=" assets/templates/vapeday-v2-core/images/banner2.jpg " alt=" banner2 "/> <div class="bannertxt bannersmall_left"> <h3> Morbi eget <br/> eleifend </h3> <a href=" "> Shop Now </a>. <div class="banner-inner"> <img src=" assets/templates/vapeday-v2-core/images/banner3.jpg " alt=" banner3 "/> <div class="bannertxt bannercenter"> <h3> Nullam id <br/> mollis velit </h3> <a href=" "> Shop Now </a>. <div class="banner-inner"> <img src=" assets/templates/vapeday-v2-core/images/banner4.jpg " alt=" banner4 "/> <div class="bannertxt bannersmall_right"> <h3> Aenean <br/> bibendum </h3> <a href=" "> Shop Now </a>. <div class="banner-inner"> <img src=" assets/templates/vapeday-v2-core/images/banner5.jpg " alt=" banner5 "/> <div class="bannertxt"> <h3> Nullam id <br/> mollis velit </h3> <a href=" " class="btn btn-primary animatebtn"> Shop Now </a>

Note: In code representation. indicates some html tags have been ignored To modify banners; Look for the file named home.html and download it to your computer.

Upload images to media library and use their URLs in Banner image. The recommended size for these images is: 360px x 359px, 360px x 150px and 360px x 539px.

4 Note: In code representation. indicates some html tags have been ignored To modify banners; Look for the file named home.html and download it to your computer. Open the file in your text editor to make changes. After your changes are In the file home.html look for the code above to modify the content as needed. Upload images to media library and use their URLs in Banner image. The recommended size for these images is: 360px x 359px, 360px x 150px and 360px x 539px. Featured Products: To manage Featured products refer to 3dcart KB article: ials-and-related-items Home Middle Banner:

5 You can modify; Banner image Banner Heading Banner Text Button Text Button link URL How to upload images? -product-images To modify banners; Look for the file named home.html and download it to your computer. Open the file in your text editor to make changes. After your changes are In the file home.html look for the code below to modify the content as needed. Upload images to the images folder of the template folder images with image name as bannerbg.jpg The recommended size for these images is: 1920px x 595px <section class="homemiddlebanner text-center"> <div class="container"> <div class="midbanner"> <h3 class="wow fadeinup" data-wow-delay="0.1s"> imauris PLACERAT SEMPER </h3> <p class="wow fadeinup" data-wow-delay="0.1s"> Morbi eget velit eleifend, tincidunt sapien eget, tincidunt </p> <a href=" " class="btn btn-primary animatebtn wow fadeinup" data-wow-delay="0.2s"> Shop Now </a> </section> Product Tabs: Tab has got products of New releases and Top sellers. To manage New releases refer to 3dcart KB article: -releases-settings

com/knowledgebase/article/view/230/6/how-do-i-use-the-to p-sellers-module Home Bottom

6 To manage Top sellers refer to 3dcart KB article: p-sellers-module Home Bottom Banner: For each banner You can modify; Banner image Banner Sale Text Banner Heading Banner Subheading Banner Text Button Text Button/Banner link URL Image alt text (For SEO purposes) To modify banners;

7 Look for the file named home.html and download it to your computer. Open the file in your text editor to make changes. After your changes are In the file home.html look for the code below to modify the content as needed. Upload images to media library and use their URLs in Banner image The recommended size is: 360px x 359px and 360px x 539px <section class="homebottombanner"> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="bottombanner BannerLeft"> <div class="image wow fadeinleft" data-wow-delay="0.5s"> <img src=" assets/templates/vapeday-v2-core/images/banner1.jpg " alt=" Banner "> <div class="bannertxt wow fadeinleft" data-wow-delay="0.1s"> <h2 class="title"><a href=" "> Vape Lifestyle </a></h2> <h3 class="subtitle"> Lorem Ipsum Dolor sit </h3> <div class="col-lg-9"> <div class="bottombanner BannerRight"> <div class="image wow fadeinright" data-wow-delay="0.1s"> <img src=" assets/templates/vapeday-v2-core/images/banner3.jpg " alt=" Banner "> <div class="bannertxt wow fadeinright" data-wow-delay="0.5s"> <span class="status"> 50 <span> % </span><small> OFF </small></span> <h2 class="title"> E-Cig </h2> <h3 class="subtitle"> Vape Cloud </h3> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy ndustry's standard </p> <a class="btn btn-primary animatebtn blocklink" href=" "> read more </a> </section>

Footer MailList: To enable MailList; In your store admin go to Modules in the left menu. Search for Mailing List and check the checkbox of Enable Mailing List.

8 Footer MailList: To enable MailList; In your store admin go to Modules in the left menu. Search for Mailing List and check the checkbox of Enable Mailing List. To change the heading and text, Go to Settings -> Design -> Store Language Search Mailinglist which will contain a section labeled " text " Edit as desired and Save changes. Store Info: To modify; Look for the file named frame.html and download it to your computer. Open the file in your text editor to make changes. After your changes are In the file frame.html look for the code below to modify the content as needed For this Info you can modify; Image Url Image alt text Text <div class="storeinfo"> <div class="footerlogo"><a href="/"><img src=" assets/templates/vapeday-v2-core/images/footer_logo.png " alt=" Logo "></a> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s </p>

Stay Connected: To enable Social Icons; Go to Marketing ->SEO Tools Look for the " Social Links " section and enter the URLs

Shop Links: From your 3dcart Online Store Manager: Go to Content -> Site Content.

Read more information about managing site content section here: https://support.3dcart.

9 Stay Connected: To enable Social Icons; Go to Marketing ->SEO Tools Look for the " Social Links " section and enter the URLs for your specific Social Media channels. Save your SEO Tools page. Shop Links: From your 3dcart Online Store Manager: Go to Content -> Site Content. In here, you will easy to Add / Edit / Remove a extra pages and you can easy to sorting your extra pages. Read more information about managing site content section here: Information Links: To modify; Look for the file named frame.html and download it to your computer. Open the file in your text editor to make changes. After your changes are In the file frame.html look for the code below to modify the content as needed

For this Info you can modify; Heading Link Text Link Url <div class="footerlinks"> <h4> INFORMATION </h4> <ul class=""> <li><a href=" https://www.3dcart.

10 For this Info you can modify; Heading Link Text Link Url <div class="footerlinks"> <h4> INFORMATION </h4> <ul class=""> <li><a href=" "> Blog </a></li> <li><a href=" "> About Us </a></li> <li><a href=" "> Gift Certificates </a></li> <li><a href=" "> Sitemap </a></li> <li><a href=" "> Contact Us </a></li> </ul> Customer Service Links: For this Info you can modify; Heading Link Text Link Url <div class="col-xs-12 col-sm-4 col-md-3"> <h4> CUSTOMER SERVICE </h4> <ul class="extrapages"> <li><a href=" "> Terms & Conditions </a></li> <li><a href=" "> Privacy Policy </a></li> <li><a href=" "> Returns Policy </a></li> <li><a href=" "> Help & FAQs </a></li> <li><a href=" "> Consultant </a></li> <li><a href=" "> Store Locations </a></li> </ul> To modify links; Look for the file named frame.html and download it to your computer.

11 Open the file in your text editor to make changes. After your changes are In the file frame.html look for the code above to modify the content as needed Contact Info: Go to Settings -> General -> Store Settings Click on the " Store " tab Scroll down to the " Merchant Information " section of the page. Look for the Phone Number, , Address fields and change it. Finally save changes. To modify the Store timing and online support text; Look for the file named frame.html and download it to your computer. Open the file in your text editor to make changes. After your changes are In the file frame.html look for the code below to modify the content as needed. <div class="companyinfo row wow fadeinup" data-wow-delay="0.2s"> <div class="col-sm-4 text-left"> <i class="la la-phone" aria-hidden="true"></i> <span><a href="tel:[store_phone]">[store_phone]</a><small> Mon - Fri 9am-6pm </small></span> <div class="col-sm-4"> <i class="la la-envelope-o" aria-hidden="true"></i> <span><a href="mailto:[store_ ]">[store_ ]<small> Online Support </small></a></span> Payment Icons: To modify; Look for the file named frame.html and download it to your computer.

<ul class="payment-icons list-unstyled list-inline"> <li><span class="icon-cc-visa"></span></li> <li><span class="icon-cc-paypal"></span></li>

</ul> Powered by 3dcart/CopyRight: Go to Settings ->Design ->Store Language Look for the " Frame " area which will contain a section labeled "

12 Open the file in your text editor to make changes. After your changes are In the file frame.html look for the code below to modify the content as needed. <ul class="payment-icons list-unstyled list-inline"> <li><span class="icon-cc-visa"></span></li> <li><span class="icon-cc-paypal"></span></li> <li><span class="icon-cc-mastercard"></span></li> <li><span class="icon-cc-discover"></span></li> <li><span class="icon-cc-amex"></span></li> </ul> Powered by 3dcart/CopyRight: Go to Settings ->Design ->Store Language Look for the " Frame " area which will contain a section labeled " copyright1 " Edit as desired. Save changes. VapeDay Version 1.0 vs 2.0: Version 1.0 (with Default Left Bar) Version 2.0 (without Left Bar) Phone Number and id is in Header above Logo Phone Number and id is in Left bar Account Links in Left Bar Account Links in Dropdown next to Cart icon

Category Links in Header Category Links in

com Ask us how we can help you to customize

13 Category Links in Header Category Links in Left bar Social Links in Left Bar Social Links in Footer Feel free to contact us for any questions at Ask us how we can help you to customize our theme to match your brand or create banners for you Thank You.

For instructions to change the logo, please refer to: ore

Header Logo: For instructions to change the logo, please refer to: https://support.3dcart.com/knowledgebase/article/view/630/5/how-do-i-add-logos-to-my-st ore Menu Links and Phone Number: Menu LInks: From