Как изменить отображение картинок на странице товара в OpenCart?

Здравствуйте.

Есть проблема – у любого товара есть главное изображение, которое будет отображаться как превью на разных страницах. Например, на главной. У меня это изображение имеет разрешение 263x181, и на главной выглядит вот так:

Но вот если перейти на страницу товара, то эта картинка будет стоять на первом месте в и занимать больше всего места. Выглядит это вот так:

Несложно догадаться, что будет, если кликнуть на неё – картинка низкого разрешения растягивается и выглядит это неприятно:


При этом при ниже располагаются картинки подходящего разрешения.

Вот код из product.tpl:

<div class="<?php echo $class; ?>">
          <?php if ($thumb || $images) { ?>
          <ul class="thumbnails">
            <?php if ($thumb) { ?>
            <li><a class="thumbnail" href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>
            <?php if ($images) { ?>
            <?php foreach ($images as $image) { ?>
            <li class="image-additional"><a class="thumbnail" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>"> <img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></li>
            <?php } ?>
            <?php } ?>
          </ul>

Как убрать изображение с низким разрешением со страницы товара, поставив на её место одну из картинок с подходящим разрешением?