Как повернуть блок картинок товара в горизонт направление?

[DarkEinstein]

Добрый день. Хотел поинтересоваться в сложности реализации. Вот есть карточка товара: http://bravoekb.ru/index.php?route=product/product&path=45&product_id=59 У неё главное фото, и рядом с главным слева стоит три дополнительных фото. Я бы хотел чтобы они были не слева по вертикали, а снизу по горизонтали. Вниз я уже их отправил. Просто поменяв местами код в файле product.tpl
А теперь чтобы они прокручивались горизонтально, я так понимаю нужно что то в стилях сделать? Смотрю инспектором и там практически никаких настроек которыми можно было бы поиграться...

[Ulv]

Закомментировать строки mode: 'vertical' и adaptiveHeight: true в файле /catalog/view/theme/theme725/js/script.js.

Змінено 23 травня 2020 користувачем Ulv

[DarkEinstein]

33 минуты назад, Ulv сказал:

Закомментировать строки mode: 'vertical' и adaptiveHeight: true в файле /catalog/view/theme/theme725/js/script.js.

Никогда бы не подумал что оно в script.js находится)) Спасибо!) Сейчас буду пробовать с размерами, а то оно в кучку сбилось) 

[Vetroff]

9 часов назад, DarkEinstein сказал:

Сейчас буду пробовать с размерами, а то оно в кучку сбилось) 

 

Вы перенесли сам блок, но не изменили разметку.

 

<div class="col-lg-9 pull-right hidden-xs hidden-sm hidden-md text-center">
<div class="col-lg-3 hidden-xs hidden-sm hidden-md image-thumb">

 

Выделенное уже не нужно.

Да и вообще там какая-то каша внутри, 2 блока слайдеров зачем-то
 

[DarkEinstein]

8 часов назад, Vetroff сказал:

<div class="col-lg-9 pull-right hidden-xs hidden-sm hidden-md text-center">
<div class="col-lg-3 hidden-xs hidden-sm hidden-md image-thumb">

 

Вот это я перенёс: 

	<div class="col-lg-3 hidden-xs hidden-sm hidden-md image-thumb">
								<ul id="productGallery" class="image-additional" data-slide-width="<?php echo $image_additional_width; ?>">
									<?php foreach ($images as $image) { ?>
									<li>
										<a href="#" data-image="<?php echo $image['thumb']; ?>" data-zoom-image="<?php echo $image['popup']; ?>">
											<img width="<?php echo $image_additional_width; ?>" height="<?php echo $image_additional_height; ?>" src="<?php echo $image['additional']; ?>" alt="<?php echo $heading_title; ?>" />
										</a>
									</li>
									<?php } ?>
								</ul>
							</div>

 

А что ещё нужно? Какую разметку?

[Vetroff]

3 минуты назад, DarkEinstein сказал:

А что ещё нужно? Какую разметку?

 

Вам не мешало бы изучить хотя бы базовые основы bootstrap )