Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Как разместить изображения в карусель по центру.


Istvan

Recommended Posts

Добрый день.

Подскажите пожалуйста как выровнять по центру изображения в карусели производителей. По умолчанию выравнивается по левой стороне. Версия ocStore 2.1.0.2.1, дефолтный шаблон. Сайт  http://e-valiza.com.ua/

Спасибо.

Надіслати
Поділитися на інших сайтах


img

 

добавьте margin:auto

Спасибо за ответ. Если не затруднит, подскажите что и куда добавить. Спасибо.

 

мой файл - carousel.tlp

<div id="carousel<?php echo $module; ?>" class="owl-carousel">
  <?php foreach ($banners as $banner) { ?>
  <div class="item text-center">
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    <?php } ?>
  </div>
  <?php } ?>
</div>
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?>').owlCarousel({
    items: 6,
    autoPlay: 3000,
    navigation: true,
    navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
    pagination: true
});
--></script>
Надіслати
Поділитися на інших сайтах


если жестоко в код, тогда так 

 

<img style="margin:auto"

Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

Не знаю правильно или нет, решил вопрос внесением изменеий в

catalog\view\javascript\bootstrap/bootstrap.min.css

поменял  img-responsive

на  img-absolute

В каруселях изображения выравниваются по центру.

Надіслати
Поділитися на інших сайтах


  • 3 years later...
В 01.11.2016 в 12:20, Istvan сказал:

Не знаю правильно или нет, решил вопрос внесением изменеий в

catalog\view\javascript\bootstrap/bootstrap.min.css

поменял  img-responsive

на  img-absolute

В каруселях изображения выравниваются по центру.

От жеж...  главное убрать img-responsive действительно рабочее решение(хоть и  кривое, потому как теряете плюшки ресайзинга), но вот почему вы решили исправить файл со стилями, вместо того что б убрать стиль в
</template/extension/module/carousel.twig>
это уже выше моего понимания....

Змінено користувачем ladan
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.