Перейти к содержанию
pawok

Вывод дополнительных фотографий в строку

Рекомендуемые сообщения

Здравствуйте, подскажите пожалуйста, как мне выводить дополнительные фотографии к товару не в столбик, а в строку. А, когда дополнительных фотографий три 4 и более, в две строки.

Вот как они расположены сейчас:

HfkU5Vh.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

размер им задай меньше, чтобы умещались по 2 в строку.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

размер им задай меньше, чтобы умещались по 2 в строку.

Да, это помогает, но я наверное неправильно сформулировал. Сделав 100х100 размер, у меня две в строку идут картинки (под большой), две ниже также в строку. А, как сделать, чтобы они ещё дальше в строку шли, то есть под кнопку "купить", так как там остаётся пустое место сейчас.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

переверстать этот блок в шаблоне карточки товара.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

переверстать этот блок в шаблоне карточки товара.

Методом тыка пеставил, поэтому незнаю верно или нет

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

Вот сюда:

<!-- AddThis Button END -->         </div>     </div>      <?php } ?>    </div>  </div>

СЮДА

<div id="tabs" class="htabs"><a href="#tab-description"><?php echo $tab_description; ?></a>

Получилось следующее (см прикр).

 

Не могли бы вы мне помочь и переделать код, прямо говоря, чтобы эти фотографии были также как и большая в рмаочках и ещё одна большая рамочка была для них всех, как для описания.

post-19392-0-97728100-1425898521_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.