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

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

  •
  • 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.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

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