Ebben a rövid leírásban bemutatásra kerül, hogy Gantry keretrendszer segítségével, hogyan lehet egyedi hibaoldalunk. Az alapértelmezett Joomla! 404-es hibaoldalunkat a sablonunkban található error.php fájl segítségével tudjuk felülírni.

1. Lépés: A hibaoldal szerkesztése

Nyissuk meg a Gantry sablonunkban található error.php fájlt és keressük meg azt az rt-container osztályt, ami tartalmazza a hibakiíratást (46. sor). Módosítsuk a következőképpen, vagy írjuk át a nekünk megfelelő módon:

<div class="rt-container">
  <div class="component-content">
    <div class="rt-grid-12">
      <div class="rt-block">
        <div class="rt-error-box custom-404">
          <div>
          <h1 class="error-title title"><?php echo $this->error->getCode(); ?></h1>
          <h2 class="error-message"><?php echo $this->error->getMessage(); ?></h2>
          <div class="error-content">
          <p>A kért oldal nem található.</p>
          <p><a href="/<?php echo $gantry->baseUrl; ?>"><span>Visszatérés a Kezdőlapra.</span></a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

2. Lépés: Egyedi CSS hozzáadása

Nyissuk meg a sablonunkhoz tartozó egyedi CSS fájlt (gantry-custom.css) és ilesszük be a következő sorokat:

/* Custom Error */
.custom-404 {text-align: center;}
.custom-404 h1, .custom-404 h2 {border: none; box-shadow: none; margin-top: 30px; padding: 0;}
.custom-404 h1 {font-size: 8.0em; text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);}
.custom-404 h2 {font-size: 2.0em; line-height: 2.0em;}