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  

    Yuki Opencart Theme Guide


    Opencart Support

    Yuki Opencart Theme Guide

     

    STEP-1. THEME ACTIVATION

     

    1.THEMEACTIVATION.PNG

     

     

     

    STEP-2. IMAGE DIMENSIONS

     

    2.IMAGEDIMENSIONS.PNG

     

     

    STEP-3. THEME ACTIVATE

     

    3.THEMEACTIVATE.PNG

     

     

     

     

    STEP-4. THEME ACTIVATED

     

    4.THEMEACTIVATED.PNG

     

     

     

    STEP-5. SLIDER EDIT

     

    7.SLIDEREDIT.PNG

     

     

     

    STEP-6. PRODUCT QUESTIONS EDIT

     

    8.PRODUCTQUESTIONSEDIT.PNG

     

     

     

    STEP-7.PRODUCT DESIGN

     

    9.PRODUCTDESIGN.PNG

     

     

     

    STEP- 8.MEGA MENU EDIT

     

    10.MEGAMENUEDIT.PNG

     

     

     

    STEP- 9.MEGA MENU DESIGN

     

     

    11.MEGAMENUDESIGN.PNG

     

     

     

    STEP-10. FILTER PRODUCT EDIT

     

    12.FILTERPRODUCTEDIT.PNG

     

     

     

    STEP-11. MODULE - TAB

     

    13.MODULETAB.PNG

     

     

     

    STEP-12. MODULE SETTING

     

    14.MODULESETTING.PNG

     

     

     

    STEP-13. MODULE -TAB

     

    17.MODULETAB.PNG

     

     

    STEP-14. MODULE SETTING

     

    18.MODULESETTING.PNG

     

     

     

    STEP-15. MODULE - TAB

     

    19.MODULETAB.PNG

     

     

     

    STEP-16. MODULE SETTING

     

    20.MODULESETTING.PNG

     

     

     

    STEP-17. CUSTOM MODULE EDIT

     

    21.CUSTOMMODULEEDIT.PNG

     

     

     

     

    STEP- 18. MODULE DESIGN

     

    22.MODULEDESIGN.PNG

     

    <img src="image/catalog/banner3.jpg"/>

     

     

    STEP- 19. MODULE DESIGN

     

    23.MODULEDESIGN.PNG

     

    <ul>
    <li><img src="image/catalog/bn1.jpg"/></li>
    <li><img src="image/catalog/bn2.jpg"/></li>
    <li><img src="image/catalog/bn3.jpg"/></li>
    <li><img src="image/catalog/bn4.jpg"/></li>
    <li><img src="image/catalog/bn5.jpg"/></li>
    </ul>

     

     

    STEP-  20. ADVANCED GRID EDIT

     

    24.ADVANCEDGRIDEDIT.PNG

     

     

     

     

    STEP- 21. MODULE SETTING

     

    27.MODULESETTING.PNG

     

     

     

     

    STEP- 22. MODULE SETTING BELOW

     

    28.MODULESETTINGBELOW.PNG

     

     

     

    STEP- 23. MODULE -1  COL -1

     

    29.MODULE1COL1.PNG

     

     

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

     

    STEP- 24. MODULE -1 COL -2

     

    30.MODULE1COL2.PNG

     

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

     


    STEP- 25. MODULE -2 SETTING

     

    31.MODULE2SETTING.PNG

     

     


    STEP- 26. MODULE -2 SETTING BELOW

     

    32.MODULE2SETTINGBELOW.PNG

     

     

     

    STEP- 27. MODULE -2 COL

     

    33.MODULE2COL.PNG

     

     

     

    STEP- 28. MODULE -3 SETTING

     

    34.MODULE3SETTING.PNG

     


    STEP- 29. MODULE-3 SETTING BELOW

     

    37.MODULE3SETTINGBELOW.PNG

     

     

     

    STEP- 30. MODULE-3 COL-1

     

    38.MODULE3COL1.PNG

     

    <div>
    <h4>Get upto 25% off</h4>
    <p>Hendrerit in vulputate velit esse molestie </p></div>

     

     

    STEP- 31. MODULE-3 COL-2

     

    39.MODULE3COL2.PNG

     

    <div><h4>Fast Delivery</h4>
    <p>Legentis in iis qui facit eorum claritatem</p></div>
     

     

     

    STEP- 32. MODULE-3 COL-3

     

    40.MODULE3COL3.PNG

     

     

    <div><h4>100% Money Back</h4>
    <p>Nisl ut aliquip ex ea commodo consequat</p></div>

     

    STEP- 33. MODULE-4 SETTING

     

    41.MODULE4SETTING.PNG

     

     

     

    STEP- 34. MODULE-4 SETTING BELOW

     

    42.MODULE4SETTINGBELOW.PNG

     

     

     

     

    STEP- 35. MODULE-4 COL

     

    43.MODULE4COL.PNG

     

     

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

     

     

    STEP- 36. MODULE-5 SETTING

     

    44.MODULE7SETTING.PNG

     

     

     

     

    STEP- 37. MODULE-5 SETTING BELOW

     

    47.MODULE7SETTINGBELOW.PNG

     

     

     

    STEP- 38. MODULE-5 COL-1

     

    48.MODULE7COL1.PNG

     

     

     

     

    STEP- 39. MODULE-5 COL-2

     

    49.MODULE7COL2.PNG

     

     

    <h1>Our New Collection</h1>

     

     

    Edited by Opencart Support

    Sign in to follow this  


    User Feedback

    Recommended Comments

    There are no comments to display.


×