Jump to content
Opencart Theme Support
  • Welcome to Pages!

    To get started, make sure you are logged in and click the arrow on the left hand side to expand the block manager.
    You can move, add and edit blocks without the need for complex coding!

  • Sign in to follow this  

    Zaida Opencart Theme Guide


    Opencart Support

     

     

    STEP 1 THEME ACTIVATION 

    1-theme-activation.PNG

     

    STEP 2: I  IMAGE DIMENSIONS

    2-image-dimensions.PNG

     

     

    STEP-3: EDIT FELIXTHEME OPTION

    3-edit-felixtheme-options.PNG

     

    STEP-4: ACTIVATE DESIGN

     

    4-activate-design.PNG

     

    STEP-5: EDIT SLIDER

     

    5-edit-slider.PNG

     

    STEP-6:NEWSLETTER

     

    6-NEWSLETTER.PNG

     

    STEP-7: NEWSLETTERSETTINGS

     

    7-Newslettersettings.PNG

     

     

    STEP-8: MEGAMENU

    8-Megamenu.PNG

     

    STEP-9: MEGAMENUSETTINGS

     

    9-Megamenusettings.PNG

     

    STEP-10: FILTER PRODUCTS

     

    10-%20Filterproducts.PNG

     

    STEP-10 :A-MODULE-1 TAB ABOVE

     

    10.-A-module1-Tab-above.PNG

     

     

    STEP-10 :A-MODULE-1-TAB-BELOW

     

    10.-A-module1-Tab-below.PNG

     

    STEP-10 : A-MODULE-1-SETTING

     

    10.-A-module1-Setting.PNG

     

    STEP-10 : B-MODULE-2-TAB

     

    10.-B-module2-Tab.PNG

     

     

    STEP -10 :B-MODULE-2-SETTING

     

    10.-B-module2-Setting.PNG

     

     

    STEP-10 : C-MODULE-3-TAB

     

    10-C-module-3-Tab.PNG

     

     

    STEP- 10 :C-MODULE-3-SETTING

     

    10-C-module-3-Setting.PNG

     

    STEP- 10 :D-MODULE-4-TAB

    10-D-module-4-Tab.PNG

     

    STEP- 10 :D-MODULE-4-SETTING

     

    10-D-module-4-Setting.PNG

     

    STEP-11 :CAMERA-SLIDER

     

    11-CameraSlider.PNG

     

    STEP-11 :A-CAMERA SLIDER-MODULE-PLACEMENT

     

    11-A-CameraSlider-module-placement.PNG

     

     

    STEP- 11:B-CAMERA SLIDER-EXISTING-GENERAL

     

    11-B-CameraSlider-Existing-General.PNG

     

     

    STEP- 11: B-CAMERA SLIDER-EXISTING-GENERAL-SLIDE1

     

    11-B-CameraSlider-Existing-General-Slide

     

     

    STEP- 11: B-CAMERA SLIDER-EXISTING-GENERAL-SLIDE-2

     

    11-B-CameraSlider-Existing-General-Slide

     

    STEP-12 : CAROUSEL ITEM-1-ABOVE

    carousel.PNG

     

    STEP-12 : CAROUSEL ITEM-1-BELOW

    12-carousel-item-1-below.PNG

     

     

    <ul class="brands">
    <li><img src="image/catalog/brand1.jpg"></li>
    <li><img src="image/catalog/brand2.jpg"></li>
    <li><img src="image/catalog/brand3.jpg"></li>
    <li><img src="image/catalog/brand4.jpg"></li>
    <li><img src="image/catalog/brand5.jpg"></li>
    <li><img src="image/catalog/brand6.jpg"></li>
    </ul>

     

    STEP-12 : CAROUSEL ITEM-2-ABOVE

    12-carousel-item-2-above.PNG

     

    <ul class="brands">
    <li><img src="image/catalog/brand1.jpg"></li>
    <li><img src="image/catalog/brand2.jpg"></li>
    <li><img src="image/catalog/brand3.jpg"></li>
    <li><img src="image/catalog/brand4.jpg"></li>
    <li><img src="image/catalog/brand5.jpg"></li>
    <li><img src="image/catalog/brand6.jpg"></li>
    </ul>

     

    STEP-12 : CAROUSEL ITEM-2-BELOW

     

    12-carousel-item2-below.PNG

     

    STEP-13 : ADVANCED GRID

     

    13-%20Advanced-Grid.PNG

     

    STEP-13 :A-ADVANCED-GRID-MODULE-1-SETTING-ABOVE

     

    13-A-Advanced-grid-module-1-setting-abov

     

     STEP-13-A-ADVANCED-GRID-MODULE-1-SETTING-BELOW

     

    13-A-Advanced-grid-module-1-setting-belo

     

    STEP -13 :ADVANCED-GRID-MODULE-1-COL-1-ABOVE

     

    13-Advanced-grid-module-1-coln-1-above.P

     

    STEP-13 :ADVANCED-GRID-MODULE-1-COL-1-BELOW

    13-advanced-grid-module-1-col-1-below.PN

     

     

    <i class="fa fa-money" aria-hidden="true"></i>
    <div>
    <h4>RETURN & EXCHANGE</h4>
    <p>Vintage pastel tucked t-shirt leather cami </p></div>

     

     

    STEP-13 :ADVANCED-GRID-MODULE-1-COL-2-ABOVE

     

    13-Advanced-grid-module-1-col-2-above.PN

     

     

    STEP-13 :ADVANCED-GRID-MODULE-1-COL-2-BELOW

     

    13-Advanced-grid-module-1-col-2-below.PN

     

     

    <i class="fa fa-truck" aria-hidden="true"></i>
    <div>
    <h4>FREE SHIPPING</h4>
    <p>Loafer Jil Sander Vasari oversized boots</p></div>

     

     

     

    STEP-13 :ADVANCED-GRID-MODULE-1-COL-3-ABOVE

     

    13-Advanced-grid-module-1-col-3-above.PN

     

     

    STEP-13 :ADVANCED-GRID-MODULE-1-COL-3-BELOW

     

    13-Advanced-grid-module-1-col-3-below.PN

     

    <i class="fa fa-tags" aria-hidden="true"></i>
    <h4>MEMBER DISCOUNT</h4>
    <p>Flats Cara D.dress knitwear leather luxe</p>

     

     

    STEP-13 :ADVANCED-GRID-MODULE-2-SETTING-ABOVE

     

    13-Advanced-grid-module-2-setting-above.

     

    STEP-13 :ADVANCED-GRID-MODULE-2-SETTING-BELOW

     

    13-Advanced-grid-module-2-setting-below.

     

    STEP-13 :ADVANCED-GRID-MODULE-2-COL-1-ABOVE

     

    13-Advanced-grid-module-2-col-1-above.PN

     

     

    STEP-13 :ADVANCED-GRID-MODULE-2-COL-1-BELOW

     

    13-Advanced-grid-module-2-col-1-below.PN

     

     

    <a href="index.php?route=product/category&path=20">
    <img src="image/catalog/banner2.jpg"/></a>

     

     

    STEP-13 :ADVANCED-GRID-MODULE-2-COL-2-ABOVE

     

    13-Advanced-grid-module-2-col-2-above.PN

     

     

    STEP-13 :ADVANCED-GRID-MODULE-2-COL-2-BELOW

     

     

    13-Advanced-grid-module-2-col-2-below.PN

     

     

     

    <a href="index.php?route=product/category&path=20">
    <img src="image/catalog/banner2.jpg"/></a>

     

     

    STEP- 13: ADVANCED GRID MODULE-3-SETTING-ABOVE

     

    13-Advanced-grid-module-3-setting-above.

     

     

    STEP- 13: ADVANCED GRID MODULE-3-SETTING-BELOW

     

    13-Advanced-grid-module-3-setting-below.

     

     

    STEP-13 :ADVANCED-GRID-MODULE-3-COL-1-ABOVE

     

     

    13-Advanced-grid-module-3-col-1-above.PN

     

     

    STEP- 13 : ADVANCED GRID MODULE-3-COL-1-BELOW-PART-1

     

    13-Advanced-grid-module-3-col-1-below-pa

     

     

    <a href="index.php?route=product/category&path=20">
    <img src="image/catalog/banner4.jpg"/></a>

     

     

    STEP- 13 : ADVANCED GRID MODULE-3-COL-1-BELOW-PART-2

     

    13-Advanced-grid-module-3-col-1-below-pa

     

     

    <a href="index.php?route=product/category&path=20">
    <img src="image/catalog/banner5.jpg"/></a>

     

    STEP-13 :ADVANCED-GRID-MODULE-3-COL-2-ABOVE

     

    13-Advanced-grid-module-3-col-2-above.PN

     

     

    STEP-13 :ADVANCED-GRID-MODULE-3-COL-2-BELOW

     

     

    13-Advanced-grid-module-3-col-2-below.PN

     

     

    <a href="index.php?route=product/category&path=20">
    <img src="image/catalog/banner6.jpg"/></a>

     

     

    STEP- 13: ADVANCED GRID MODULE-4-SETTING-ABOVE

     

    13-Advanced-grid-module-4-setting-above.

     

     

    STEP- 13: ADVANCED GRID MODULE-4-SETTING-BELOW

     

    13-advanced-grid-module-4-setting-below.

     

     

    STEP-13 :ADVANCED-GRID-MODULE-4-COL-1

     

    13-advanced-grid-module-4-col-1.PNG

     

     

     

    STEP-13 :ADVANCED-GRID-MODULE-4-COL-2

     

    13-Advanced-grid-module-4-col-2.PNG

     

     

    STEP- 13: ADVANCED GRID MODULE-5-SETTING-ABOVE

     

    13-A-Advanced-grid-module-5-setting-abov

     

     

    STEP- 13: ADVANCED GRID MODULE-5-SETTING-BELOW

     

     

    13-A-Advanced-grid-module-5-setting-belo

     

     

    STEP- 13: ADVANCED GRID MODULE-5- COL

     

     

     

    13-B-Advanced-grid-module-5-col.PNG

    Edited by Opencart Support

    Sign in to follow this  


    User Feedback

    Recommended Comments

    There are no comments to display.


×