To OpenCart αποτελεί μια από τις πιο διάσημες πλατφόρμες για την κατασκευή ενός ηλεκτρονικού καταστήματος η οποία διαθέτει πολλές και αξιόλογες δυνατότητες, εμπλουτίζεται από πλήθος extensions που μπορούν να δώσουν στον κάθε ιδιοκτήτη e-shop όλη την λειτουργικότητα που απαιτείται για να επιτύχει το ηλεκτρονικό του κατάστημα στον ανταγωνιστικό πλέον χώρο του διαδικτύου και ειδικότερα στον χώρο του ηλεκτρονικού εμπορίου.

Για το σύντομο tutorial που ακολουθεί, που ευελπιστώ αν ενδιαφέρει να αποτελέσει μια σειρά από μαθήματα για το opencart, λαμβάνουμε ως δδομένο ότι το OpenCart έχει ήδη εγκατασταθεί σε κάποιον hosting provider και έχετε ftp πρόσβαση στα αρχεία του.

Σε αυτό το μάθημα θα μάθουμε πως μπορούμε να κάνουμε αλλαγές – παραμετροποιήσεις στην navigation bar του OpenCartμε όσο το δυνατόν πιο απλό τρόπο.

Το πρώτο που πρέπει να κάνουμε είναι να εντοπίσουμε το αρχείο που εμπεριέχει τον σχετικό κώδικα. Το αρχείο στο οποίο εσωκλείεται ο κώδικας του  menu/navigation bar code είναι το header.tpl

Μπορείτε να το εντοπίσετε στην ακόλουθη διαδρομή : catalog/view/theme/(YOUR THEME) / template /common/header.tpl 

Τι κάνουμε:

Ανοίγουμε το header.tpl με την χρήση ενός  code editor όπως Dream weaver, το NotePad ++  ενώ ακόμα και το απλό notepad που έχουμε όλοι εγκατεστημένο στα windows στο pc μας αρκεί και περισσεύει για να ανακαλύψουμε τον κώδικα που σας παραθέτω ακολούθως:

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>">
           <?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>

Αντιλαμβάνομαι ότι η έλλειψη εμπειρίας στον προγραμματισμό και στην php και οι ελλιπείς γνώσεις σας στον τομέα του web development knowledge, μπορεί να σας έχει τρομάξει και να σας έχει αποθαρρύνει. Μην ανησυχείτε όμως γιατί θα διαπιστώσετε ακολούθως ότι είναι ιδιαίτερα απλό να προσθέσετε τα δικά σας custom link στο navigation menu του OpenCart.

O κώδικας αυτός  απλά “παίρνει” δυναμικά κάθε φορά τις κατηγορίες των προϊόντων σας και τις τοποθετεί στο navigation menu.

Για να προσθέσετε  custom links στο OpenCart menu bar, εμβόλιμα και στο τέλος του κώδικα πρέπει να προσθέσετε απλά τον κώδικα που ακολουθεί :

 

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>">
          <?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>

   //Insert your new links here
   <li><a href="http://www.yourstore.gr/">To κατάστημα μας</a></li>

  </ul>
</div>
<?php } ?>

 

Είναι ένας πολύ απλός τρόπος για να αλλάξετε περαιτέρω το  OpenCart menu bar. Ελπίζω να βοήθησα και τουλάχιστον να έδωσα ένα έναυσμα για να αρχίσετε να ασχολείστε με τα ενδότερα του OpenCart