Вход • Регистрация

Настройка вывода изображения товара.

  •
  • 11 октября 2017 г. , редакция: 11 октября 2017 г.
  • Здравствуйте. Подскажите пожалуйста, что и где поправить, чтобы изображения товара были как например на скрине 1, т.е. чтобы основное изображение было одно, остальные скрыты и активировались по нажатию на превьюшки.
    На данный момент получается, как на скрине 2.
    Фрагмент кода из shop.view.id.php:
    Код
    $first = true;
    foreach ($result["img"] as $img)
    {
    switch ($img["type"])
    {
    case 'animation':
    echo '<a class="js_shop_img pics__big__img' . ($first ? ' active' : '') . '" href="' . BASE_PATH . $img["link"] . '" rel="prettyPhoto[gallery' . $result["id"] . 'shop]" image_id="' . $img["id"] . '">';
    break;
    case 'large_image':
    echo '<a class="js_shop_img pics__big__img' . ($first ? ' active' : '') . '" href="' . BASE_PATH . $img["link"] . '" rel="large_image" width="' . $img["link_width"] . '" height="' . $img["link_height"] . '" image_id="' . $img["id"] . '">';
    break;
    default:
    echo '<a class="js_shop_img pics__big__img' . ($first ? ' active' : '') . '" href="' . BASE_PATH . $img["link"] . '" image_id="' . $img["id"] . '">';
    break;
    }
    echo '<img src="' . (!empty($img['vs']['item']) ? $img['vs']['item'] : BASE_PATH .$img["link"]) . '" alt="' . $img["alt"] . '" title="' . $img["title"] . '" image_id="' . $img["id"] . '">';
    echo '</a>';

    $first = false;
    }

    Не пойму, почему не работает, всяко перепробовал, помогите пожалуйста.
    Конкретный адрес, по которому можно посмотреть: http://shop.vector-site.ru/shop/osnovnaya/buzina-chernaya-rassechennolistnaya/

    Причем при нажатии на превью, все начинает работать! Только сейчас попробовал, в js значит где-то конфликт или что?
    •
    • 11 октября 2017 г.
    • Сделайте для больших изображений .pics__big__img абсолютное позиционирование или через js присвойте всем display: none, кроме первой картинки.
  •
  • 11 октября 2017 г.
  • Да не))) Стили нужно было добавить:
    Код
    .shop-item-big-images .pics__big__img {
    display: none;
    }
    .shop-item-big-images .pics__big__img.active {
    display: inline-block;
    }

    Всем спасибо за внимание)))

Новости

  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
  • Новость. Сборка. Тарифы
  • 15 декабря 2023 г.
  • Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
  • Сборка DIAFAN.CMS 7.0.1
  • 25 июля 2023 г.
  • Выпустили очередную сборку DIAFAN.CMS 7.0.1. Она уже доступна к установке.
Все новости

Блоги

  • Вышло обновление DIAFAN.CMS - cборка 7.1.1
  • 15.12.2023

  • В новой сборке DIAFAN.CMS 7.1.1 мы расширили функциональность баннеров, уделили внимание YML-фиду для Яндекс.Маркет, улучшили “Настройки шаблона”, оформили модуль лога действий и разработали “Заметки” для пользователей административной части сайта. Также проработали замечания и предложения наших пользователей, исправили несколько ошибок.

Читать блоги

Форум

Перейти на форум