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  

    Ottilie Opencart Theme Guide


    Opencart Support

     

    Ottilie Opencart Theme Guide

     

     

    STEP - 1. Select Theme Option

     

     

    1.%20Select%20Theme%20Option.PNG

     

     

     

    STEP - 2. Theme Activation

     

    2.%20Theme%20Activation.PNG

     

     

     

    STEP - 3. Image Dimensions

     

    3.%20Image%20Dimensions.PNG

     

     

     

    STEP - 4. Theme Edit

     

    4.%20Theme%20Edit.PNG

     

     

     

    STEP - 5. Theme Activate

     

    5.%20Theme%20Activate.PNG

     

     

     

    STEP - 6. Slider Edit

     

    6.%20Slider%20Edit.PNG

     

     

     

    STEP - 7. Product Question Edit

     

    7.%20Product%20Question%20Edit.PNG

     

     

     

    STEP - 8. Module Design

     

    8.%20Module%20Design.PNG

     

     

     

    STEP - 9. News Letter Edit

     

    9.%20News%20Letter%20Edit.PNG

     

     

     

    STEP - 10. Module Placement

     

    10.%20Module%20Placement.PNG

     

     

     

    STEP - 11. Module Placement Part-2

     

    11.%20Module%20Placement%20Part-2.PNG

     

     

     

    STEP - 12. Mega Menu Edit

     

    12.%20Mega%20Menu%20Edit.PNG

     

     

     

    STEP - 13. Mega Menu Design

     

    13.%20Mega%20Menu%20Design.PNG

     

     

     

    STEP - 14. Filter Product Edit

     

    14.%20Filter%20Product%20Edit.PNG

     

     

     

    STEP - 15. Module-1 Tab

     

    15.%20Module-1%20Tab.PNG

     

     

     

    STEP - 16. Module-1 Setting

     

    16.%20Module-1%20Setting.PNG

     

     

     

    STEP - 17. Module-2 Tab

     

    17.%20Module-2%20Tab.PNG

     

     

     

    STEP - 18. Module-2 Setting

     

    18.%20Module-2%20Setting.PNG

     

     

     

    STEP - 19. Custom Module Edit

     

    19.%20Custom%20Module%20Edit.PNG

     

     

     

    STEP - 20 Module Design

     

    20%20Module%20Design.PNG

     

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

     

     

    STEP - 21. Carousel Item Edit

     

    21.%20Carousel%20Item%20Edit.PNG

     

     

     

    STEP - 22. Module Part-1 Above

     

    22.%20Module%20Part-1%20Above.PNG

     

    <ul class="brands">
    <li><img src="image/catalog/logo-1.png"></li>
    <li><img src="image/catalog/logo-2.png"></li>
    <li><img src="image/catalog/logo-3.png"></li>
    <li><img src="image/catalog/logo-4.png"></li>
    <li><img src="image/catalog/logo-5.png"></li>

    </ul>

     

     

     

    STEP - 23. Module Part-1 Below

     

    23.%20Module%20Part-1%20Below.PNG

     

     

     

    STEP - 24. Module Part-2 Above

     

    24.%20Module%20Part-2%20Above.PNG

     

    <ul class="brands">
    <li><img src="image/catalog/logo-1.png"></li>
    <li><img src="image/catalog/logo-2.png"></li>
    <li><img src="image/catalog/logo-3.png"></li>
    <li><img src="image/catalog/logo-4.png"></li>
    <li><img src="image/catalog/logo-5.png"></li>

    </ul>

     

     

     

    STEP - 25. Module Part-2 Below

     

    25.%20Module%20Part-2%20Below.PNG

     

     

     

     

    STEP - 26. Camera Slider Edit

     

    26.%20Camera%20Slider%20Edit.PNG

     

     

     

    STEP - 27. Module Placement

     

    27.%20Module%20Placement.PNG

     

     

     

     

    STEP - 28. Existing Module Edit

     

    28.%20Existing%20Module%20Edit.PNG

     

     

     

    STEP - 29. General Option

     

    29.%20General%20Option.PNG

     

     

     

    STEP - 30. Slide-1

     

    30.%20Slide-1.PNG

     

     

     

    STEP - 31. Slide-2

     

     

    31.%20Slide-2.PNG

     

     

     

    STEP - 32. Advanced Grid Edit

     

    32.%20Advanced%20Grid%20Edit.PNG

     

     

    STEP - 33. Module-1 Setting

     

    33.%20Module-1%20Setting.PNG

     

     

     

     

    STEP - 34. Module-1 Setting Below

     

    34.%20Module-1%20Setting%20Below.PNG

     

     

     

    STEP - 35. Module-1 Col-1 Part-1

     

    35.%20Module-1%20Col-1%20Part-1.PNG

     

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

     

     

     

     

    STEP - 36. Module-1 Col-1 Part-2

     

    36.%20Module-1%20Col-1%20Part-2.PNG

     

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

     

     

     

    STEP - 37. Module-1 Col-2 Part-1

     

    37.%20Module-1%20Col-2%20Part-1.PNG

     

     

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

     

     

    STEP - 38. Module-1 Col-2 Part-2

     

    38.%20Module-1%20Col-2%20Part-2.PNG

     

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

     

     

     

    STEP - 39. Module-1 Col-3

     

     

    39.%20Module-1%20Col-3.PNG

     

    <h2>SHOP CATEGORIES</h2>
    <p>Ullamcper aliquam praesent suspendisse platea ullamcorper cras condimentum nequ taciti lorem enim.</p>

     

     

     

    STEP - 40. Module-2 Setting

     

    40.%20Module-2%20Setting.PNG

     

     

     

    STEP - 41. Module-2 Setting Below

     

    41.%20Module-2%20Setting%20Below.PNG

     

     

     

    STEP - 42. Module-2 Col

     

    42.%20Module-2%20Col.PNG

     

    <h1>provide a New Collection</h1>
    <p>Commodo pulvinar amet parturient mus sociis dis parturient conubia suspendisse turient
    mus sociis dis parturient conubia suspendisse nullam</p>

     

     

     

    STEP - 43. Module-3 Setting

     

     

    43.%20Module-3%20Setting.PNG

     

     

     

    STEP - 44. Module-3 Setting Below

     

    44.%20Module-3%20Setting%20Below.PNG

     

     

     

    STEP - 45. Module-3 Col-1

     

     

    45.%20Module-3%20Col-1.PNG

     

    <h2>FEATURED PRODUCTS</h2>
    <p>Ullamcper aliquam praesent suspendisse platea ullamcorper cras condimentum nequ taciti lorem enim.</p>

     

     

     

    STEP - 46. Module-3 Col-2

     

     

    46.%20Module-3%20Col-2.PNG

     

     

     

    STEP - 47. Module-4 Setting

     

     

    47.%20Module-4%20Setting.PNG

     

     

     

    STEP - 48. Module-4 Setting Below

     

    48.%20Module-4%20Setting%20Below.PNG

     

     

     

    STEP - 49. Module-4 Col

     

     

    49.%20Module-4%20Col.PNG

     

     

     

     

     

    STEP - 50. Module-5 Setting

     

    50.%20Module-5%20Setting.PNG

     

     

     

    STEP - 51. Module-5 Setting Below

     

     

    51.%20Module-5%20Setting%20Below.PNG

     

     

     

    STEP - 52. Module-5 Col-1

     

    52.%20Module-5%20Col-1.PNG

     

    <h2>FASHION NEWS</h2>
    <p>Ullamcper aliquam praesent suspendisse platea ullamcorper cras condimentum nequ taciti lorem enim.</p>

     

     

     

    STEP - 53. Module-5 Col-2

     

    53.%20Module-5%20Col-3.PNG

     

     

    Sign in to follow this  


    User Feedback

    Recommended Comments

    There are no comments to display.


×