We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 37783
    • 85 Posts
    Пишу каталог для сайта

    Сделал вывод Изображения для каталога товаров.

    Для картинок в highslide-caption можно вписывать подписи под рисуночные. Не могу понять как это сделать. В вводе переменой нет никаких доп параметров.

    Посоветуйте как сделать можно чтобы при заполнении ТВ картинки можно было заполнить поле с под картиночкой надписью и потом как то обратится к свойству ТВ и вывести его в нужный див. В принципе можно сделать массивами но заполнение в данном случае будит неудобным.

    Если изобретаю велосипед подскажите может какие галереи уже адаптированны для каталогов

    Чанк
    <div class="podium_item">
    
    				<h2>[[+pagetitle]]</h2>
    
    				<div class="price">[[+introtext]]</div>
                                    <div class="details_link"><a href="[[ ~[[+id]] ]]">Подробнее</a></div>
    
    				<div class="images">
    
    					 [[!sh_img?  &img_dir=[[+tv.img_url]]  ]]
    
    				</div>
    
    </div>
    

    Снипет sh_img

    <?php
    $img_dir_arr=explode('thumbs/',$img_dir);
    
    $returned_cod='
    <div class=\"highslide-gallery\">
    
    <a href="'.$img_dir_arr[0].$img_dir_arr[1].'" class="highslide" onclick="return hs.expand(this)">
    
    <img src="'.$img_dir_arr[0].'thumbs/'.$img_dir_arr[1].'" alt="" title="кликните чтобы увеличить" /></a>
    
    <div class=\"highslide-caption\">
    </div>
    ';
    echo $returned_cod;



    Все это чудо вызывается вот так вот

    [[!getPage? &element=`getResources` &includeTVs=`1` &processTVs=`1` &includeContent=`1` &parents=`[[*id]]` &tpl=`tplKatalog` &limit=`2`]]
    
    [[!+page.nav]]
    [ed. note: nikolay_m last edited this post 14 years, 9 months ago.]
      • 31246 ☆ A M B ☆
      • 428 Posts
      можно велосипедом, на подобие вашего, я так делал давно. Созавал TV ввод - картинка, вывод -текст.
      В самом ресурсе, выбираем через файл менеджер картинку, в конце стовим знак # и пишем титл, таким образом вам будет отображаться и сама превью картинки.
      Потом создаём сниппет к примеру imgTitl
      $title = explode('#',$input);
      $out = $options == 'title' ? $title[1] : $title[0];
      return $out;

      и в самом ресурсе к примеру если вы вызывали картинку раньше так
      [[*imgtest]]
      , то теперь
      <img src="[[*imgtest:imgTitl]]" title="[[*imgtest:imgTitl=`title`]]" />


      может какие галереи уже адаптированны для каталогов
      - мне нравиться Gallery - понятный и легко подстраимый код под себя.... [ed. note: valikras last edited this post 14 years, 9 months ago.]
        Valentin Rasulov - Industrial design (Hobbies - Web Development)
        Development not standard projects on CMF MODx Revolution.
        Small sample of extensions
        • 37783
        • 85 Posts
        Quote from: valikras at Jan 26, 2012, 05:03 AM

        В самом ресурсе, выбираем через файл менеджер картинку, в конце стовим знак # и пишем титл, таким образом вам будет отображаться и сама превью картинки.

        Не понял где именно # ставить может у меня в ТВ неправильно ввод сделан, но уменя для ввода открывается выбор файлов я выбираю нужное изображение и все никаких полей текстовых нет(
          • 31246 ☆ A M B ☆
          • 428 Posts
          Постараюсь с илюстрацией
          Выше я писал - Создаём TV ввод - картинка, вывод -текст.



            Valentin Rasulov - Industrial design (Hobbies - Web Development)
            Development not standard projects on CMF MODx Revolution.
            Small sample of extensions
            • 37783
            • 85 Posts
            елки ж палки ))) я не заметил, что это поле редактируемое выглядит как обычная кнопка))) понял огромное спасибо, ввод вывод сделан, именно так как вы сказали.
              • 37783
              • 85 Posts
              Посмотрел Gallery
              Для него нужен JQuery подскажите откуда лучше скачать и как запустить?
              В hdslide к примеру достаточно вызывать js нужной галереи сами файлы находятся на сайте.
              Полагаю тут примерно тоже самое где скачать скрипты подскажите.

              <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 


              вызываю так
              [[!Gallery? &album=`My Album` &plugin=`galleriffic`]]


              Побывал так не получается. [ed. note: nikolay_m last edited this post 14 years, 9 months ago.]
                • 31246 ☆ A M B ☆
                • 428 Posts
                Quote from: nikolay_m at Feb 02, 2012, 08:06 AM
                Посмотрел Gallery
                Для него нужен JQuery
                Не обязательно, можете и без jQuery выводить.
                Если вы используете плагин galleriffic, то он полностью с демкой находиться в папке assets/components/gallery/packages/galleriffic20/
                  Valentin Rasulov - Industrial design (Hobbies - Web Development)
                  Development not standard projects on CMF MODx Revolution.
                  Small sample of extensions
                  • 37783
                  • 85 Posts
                  Нашел примеры.
                  Скопировал нужные CSS и скрипты в папку js и css.
                  Подключил их в шаблон также как в примере http://www.svs.com.ru/assets/components/gallery/packages/galleriffic20/example-3.html

                  итог - загружается только джифчик индикатора загрузки сама галерея не грузится.
                  http://www.svs.com.ru/tech/dostavka-betona.html
                  тимплейт галереи используемый модх отличается от блоков которые используются в примере.

                  Не понял как вообще эту штку запустить то
                    • 37783
                    • 85 Posts
                    Или в галерею нужно передать классы которые используются в скриптах?