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

Лидеры

  1. Tom

    Tom

    Разработчик


    • Баллы

      1

    • Постов

      238


  2. 899themes

    899themes

    Разработчик


    • Баллы

      1

    • Постов

      54


  3. Blast

    Blast

    Разработчик


    • Баллы

      1

    • Постов

      76


Популярный контент

Показан контент с высокой репутацией 30.09.2024 во всех областях

  1. В тройке можно немного попроще. catalog/view/theme/default/template/product/product.twig Найти весь блок картинок {% if thumb or images %} <ul class="thumbnails"> {% if thumb %} <li><a class="thumbnail" href="{{ popup }}" title="{{ heading_title }}"><img src="{{ thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" /></a></li> {% endif %} {% if images %} {% for image in images %} <li class="image-additional"><a class="thumbnail" href="{{ image.popup }}" title="{{ heading_title }}"> <img src="{{ image.thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" /></a></li> {% endfor %} {% endif %} </ul> {% endif %} И заменить со списка ul-li частично на блоки col. Что то типа <div class="row thumbnails"> {% if images %} <div class="col-sm-2"> <ul class="thumbnails-list"> {% for image in images %} <li> <a class="thumbnail" href="{{ image.popup }}" title="{{ heading_title }}"> <img src="{{ image.thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" /> </a> </li> {% endfor %} </ul> </div> {% endif %} <div class="{{ images ? 'col-sm-10' : 'col-sm-12' }}"> {% if thumb %} <a class="thumbnail main-image-container" href="{{ popup }}" title="{{ heading_title }}"> <img src="{{ thumb }}" title="{{ heading_title }}" alt="{{ heading_title }}" id="main-image" /> </a> {% endif %} </div> </div> Ну и перед {{ footer }} , так например <style> .thumbnails-list {list-style: none;padding: 0;margin: 0;overflow-y: auto;} .thumbnails li {margin-bottom: 10px;} </style> <script type="text/javascript"> $(document).ready(function() { var mainImageHeight = $('.main-image-container').height(); $('.thumbnails-list').height(mainImageHeight); }); </script>
    1 балл
  2. не будет для такого модулей. вопрос чисто верстки, зачастую с прикручиванием swiper или slick. Может быть встроено в какой-то шаблон. например практически готовый кусок https://gist.github.com/LuisGMoralesRaya/f09ac47228902459046c480eb1a5d049 демонстрация работы https://codepen.io/rogerkuik/pen/abZOLXr только в html вставить цикл по превьюхам и поправить ксс
    1 балл
  3. Здравствуйте! Да, добавьте в настройки шаблона, вкладка "Для разработчиков", следующий css код:
    1 балл
×
×
  • Создать...