Jump to content
DarkEinstein

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

Recommended Posts

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

Screenshot_34.jpg

Share this post


Link to post
Share on other sites
Posted (edited)

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

Edited by Ulv
  • +1 1

Share this post


Link to post
Share on other sites
33 минуты назад, Ulv сказал:

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

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

Share this post


Link to post
Share on other sites
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 блока слайдеров зачем-то
 

Share this post


Link to post
Share on other sites
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>

 

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

Share this post


Link to post
Share on other sites
3 минуты назад, DarkEinstein сказал:

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

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.