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

Подскажите, как исправить страницу товара?

  • 17 сентября 2013 г.
  • Есть сайт pleshakof.ru. Мне нужно на странице просмотра товара, исправить вывод фото таким образом чтобы главная фотография была большая, а все остальные были под ней маленькие. И соотсвественно чтобы все они открывались в лайтбоксе.
    Еще необходимо задать стили для главной фото и стиль для остальных фото (стили я сам пропишу, мне понять надо где они задаются).

    Заранее благодарен.
    • 17 сентября 2013 г.
    • Кстати, ко мне тоже разок приставали с подобным. Отговорил, сделали обычный вариант (все превьюжки одинакового размера).

      Если есть идея для решения, тоже рад услышать.
    • 18 сентября 2013 г.
    • modules\shop\views\shop.view.id.php

      Код
      //вывод изображений товара
      if (!empty($result["img"]))
      {
      echo '<div class="shop_all_img">';
      $img=$result["img"][0];
      echo '<a href="' . BASE_PATH . $img["link"] . '" rel="prettyPhoto[gallery' . $result["id"] . 'shop]">';
      echo '<img src="' . BASE_PATH . $img["link"] . '" width="500" alt="' . $img["alt"] . '" title="' . $img["title"] . '" image_id="'.$img["id"].'"></a>';
      unset($result["img"][0]);
      foreach ($result["img"] as $img)
      {
      ....
      • 18 сентября 2013 г.
      • Ну или вместо
        Код
        unset($result["img"][0]);
        можно так
        Код
        array_shift($result["img"]);

        Вобщем ничего не изменится
    • 18 сентября 2013 г.
    • Можно еще через JS чтобы при клике на маленькие менялась большая. Например можно использовать http://www.pikachoose.com/
  • 19 сентября 2013 г.
  • Делал вот http://user.diafan.ru/forum/page2/show695/
    тут алгоритм будет похожий, нужно прикрутить скрипты, ну и смотреть что в php, и что получается после компиляции на самом сайте, и править код php согласно своим нуждам.
  • 22 сентября 2013 г. , редакция: 22 сентября 2013 г.
  • Николай, можно попробовать задать стиль всем картинкам, включая и первую, на странице просмотра товаров как-то так
    Код
    .shop_all_img img {/* такая строка в файле стилей возможно уже есть*/
    /* тут ваши правила */
    }

    Для первой картинки определить свои и/или переопределить заданные для всех
    Код
    .shop_all_img a:first-child img {
    width: 150px /* вместо 150 поставить нужное */
    height: 130px /* вместо 130 поставить нужное или совсем не писать эту строку */
    }
    Может даже сработает так
    Код
    .shop_all_img img:first-child {
    width: 150px /* вместо 150 поставить нужное */
    height: 130px /* вместо 130 поставить нужное или совсем не писать эту строку */
    }
    Только в старых браузерах, например ИЕ6 работать не будет. Опробовать этот совет мне пока нет возможности, но главное идея.

Новости

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

Форум