Scribd Logo
Upload

Welcome to Scribd!

  • 38 views

    Guia de Uso Pagina Web

    Uploaded by

    doralba rivera
    The document provides instructions for installing and configuring the Hair Cutting theme. It includes steps for installing the theme files, enabling modules, and editing module HTML and images. Sections cover installation, RTL settings, module configuration for features like banners, menus and testimonials, and footer link customization.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Guia de Uso Pagina Web

    Uploaded by

    doralba rivera
    38 views7 pages
    The document provides instructions for installing and configuring the Hair Cutting theme. It includes steps for installing the theme files, enabling modules, and editing module HTML and images. Sections cover installation, RTL settings, module configuration for features like banners, menus and testimonials, and footer link customization.

    Original Description:

    Original Title

    guia de uso pagina web

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document provides instructions for installing and configuring the Hair Cutting theme. It includes steps for installing the theme files, enabling modules, and editing module HTML and images. Sections cover installation, RTL settings, module configuration for features like banners, menus and testimonials, and footer link customization.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    38 views7 pages

    Guia de Uso Pagina Web

    Uploaded by

    doralba rivera
    The document provides instructions for installing and configuring the Hair Cutting theme. It includes steps for installing the theme files, enabling modules, and editing module HTML and images. Sections cover installation, RTL settings, module configuration for features like banners, menus and testimonials, and footer link customization.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 7

    Hair Cutting( WBATM005)

    Quick Links

    1. Theme Installation

    2. Installation Steps

    3. RTL setting

    4. Theme module setting

    5. Mega Menu Banner Setting

    6. Popup Newslatter setting

    7. Footer Link setting

    Theme Installation ↑ Back to Top

    Please, read the whole section, before attempting to install the theme.
    it is recommend to always backup your system before making any upgrades or changes!

    Installation Steps ↑ Back to Top

    - Go to "Design -> Theme & Logo"


    - click on "Add new theme"
    Here you will see “Import from your computer” where you need to select Package ZIP file( WBATM005_Package) and click on “Save”
    button.

    Now activate " WBATM005"


    RTL Setting ↑ Back to Top

    Please, read the whole section, If you change any style in css file you need to regenerate rtl file.

    Following below steps:


    1) Delete file to following path: themes\WBATM005\assets\css\theme_rtl.css
    2) Then regenerate rtl file.
    Go to "Design -> Theme & Logo"

    Now upload all "CMS images"

    - Copy " WBATM005_Package -> Documentation.zip -> cms_img/cms/" directory into "/img/cms/".

    Theme module setting ↑ Back to Top

    - Go to "Modules -> Modules and Services -> Installed modules" and Install all the module which are listing below:
    After installing all the module "Configure" one by one.

    Module - 1: "Image slider"


    click on "configure"and delete "sample 3"

    and edit "sample 1"also see below screenshot.


    Module - 2: "WA - CMS Header block"
    - configure and edit "WA - CMS Header block"

    HTML for "WA - CMS Header block"

    <div class="waheader-service">Wants To Explore Upcoming Deals On Weekends?</div>

    Module - 3: "WA - CMS About Us block"


    - configure and edit "WA - CMS About Us block"

    HTML for "WA - CMS About Us block"

    <div class="waaboutusblock container">


    <div class="waaboutus col-sm-12">
    <div class="wacmsaboutus-banner col-sm-5 col-xs-5 hb-animate-element left-to-right ">
    <div class="main_image"><a href="#"><img alt="about-img" src="../img/cms/about-us.jpg"></a></div>
    </div>
    <div class="waaboutus-desc col-sm-7 col-xs-7 hb-animate-element right-to-left ">
    <div class="aboutus-content">
    <div class="wa-title">About us</div>
    <div class="waabout-desc">perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium...</div>
    <div class="button"><a href="#">Explore All</a></div>
    </div>
    <div class="block_content">
    <div class="waservices col-sm-6 col-xs-6">
    <div class="wacontent_inner">
    <div class="service">
    <div class="washipping_img service-icon"></div>
    <div class="service-content">
    <div class="service-title">Free Shipping</div>
    <div class="service-desc">Get Unique Taste</div>
    </div>
    </div>
    </div>
    </div>
    <div class="waservices col-sm-6 col-xs-6">
    <div class="wacontent_inner">
    <div class="service">
    <div class="wamoneyback_img service-icon"></div>
    <div class="service-content">
    <div class="service-title">Big discount</div>
    <div class="service-desc">Best of Our Quality</div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    Module - 4: "WA - CMS Parallax block"


    - configure and edit "WA - CMS Parallax block"

    HTML for "WA - CMS Parallax block"

    <div class="wacmsparallax container top-to-bottom hb-animate-element ">


    <div class="row">
    <div class="wacontent">
    <div class="wa-title">Modern</div>
    <div class="Wa-subtitle">Get Save <span>50% </span></div>
    <div class="waparallax-desc">New Hair Styles And Modern Hair Styles Cutting</div>
    <div class="button"><a href="#">SHOP NOW</a></div>
    </div>
    </div>
    </div>
    Module - 5: "WA - CMS Client block"
    - configure and edit "WA - CMS Client block"

    HTML for "WA - CMS Client block"

    <div class="wacmsclient container bottom-to-top hb-animate-element ">


    <div class="row">
    <div class="client-block col-sm-12">
    <ul id="waclient-carousel" class="waclient-carousel">
    <li class="client-user1 wa-client">
    <div class="client-img col-sm-2"><a href="#"><img src="../img/cms/user1.jpg" alt="user1" /></a></div>
    <div class="client-content col-sm-10">
    <div class="client-usertitle">johny deep</div>
    <div class="client-desc">"Cajority have suffered alteration in aome from, by injected believable.There varation words able s, but also
    the leap into electronic typesetting, 1960s with the release of Letraset sheetpassage."</div>
    <div class="client-subtitle">- Web Developer/Designer</div>
    </div>
    </li>
    <li class="client-user2 wa-client">
    <div class="client-img col-sm-2"><a href="#"><img src="../img/cms/user2.jpg" alt="user2" /></a></div>
    <div class="client-content col-sm-10">
    <div class="client-usertitle">johny deep</div>
    <div class="client-desc">"Cajority have suffered alteration in aome from, by injected believable.There varation words able s, but also
    the leap into electronic typesetting, 1960s with the release of Letraset sheetpassage."</div>
    <div class="client-subtitle">- Web Developer/Designer</div>
    </div>
    </li>
    <li class="client-user3 wa-client">
    <div class="client-img col-sm-2"><a href="#"><img src="../img/cms/user3.jpg" alt="user3" /></a></div>
    <div class="client-content col-sm-10">
    <div class="client-usertitle">johny deep</div>
    <div class="client-desc">"Cajority have suffered alteration in aome from, by injected believable.There varation words able s, but also
    the leap into electronic typesetting, 1960s with the release of Letraset sheetpassage."</div>
    <div class="client-subtitle">- Web Developer/Designer</div>
    </div>
    </li>
    </ul>
    </div>
    </div>
    </div>

    Module - 6: "WA - CMS Banner block"


    - configure and edit "WA - CMS Banner block"

    HTML for "WA - CMS Banner block"

    <div class="wacmsbanner container bottom-to-top hb-animate-element ">


    <div class="row">
    <div class="wabanner-img1 wabanner col-sm-6 col-xs-12"><a href="#"><img alt="banner-01" src="../img/cms/banner-
    01.jpg"></a></div>
    <div class="wabanner-img2 wabanner col-sm-6 col-xs-12"><a href="#"><img alt="banner-02" src="../img/cms/banner-
    02.jpg"></a></div>
    </div>
    </div>

    Mega Menu Banner Setting ↑ Back to Top


    Popup Newslatter Setting ↑ Back to Top

    For Popup Newslatter setting please refer the below screenshot.

    Footer Link Setting ↑ Back to Top

    For Footer Link position please refer the below screenshot.

    - Go to "Design -> Link Widget"


    Then For edit block: click on edit

    For edit block please refer the below screenshot.


    Here you can check/uncheck link.
    Still if you have any query regarding our theme, feel free to contact with your theme purchase account.

    Thank you for purchasing our theme :)

    >

    You might also like