Book Image

OpenCart Theme and Module Development

By : Rupak Nepali
Book Image

OpenCart Theme and Module Development

By: Rupak Nepali

Overview of this book

Table of Contents (13 chapters)
OpenCart Theme and Module Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Describing the code of the top menu categories


We'll describe the categories that show the menu's code, and then we will change the style of the menu. Go to catalog/view/theme/packttheme/template/common/, open header.tpl in your favourite editor, and find <?php if ($categories) { ?>. We are going to describe the code that shows up in the category menu:

<?php if ($categories) { ?>
<div class="container">
  <nav id="menu" class="navbar">

The preceding code checks whether there is a category or not:

    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>

This div is shown only for extra-small devices, as it uses the visible-xs class, collapses the menu, and shows the text category, as shown in the following...