Здравейте, в тази статия ще се опитам да ви разкажа за това как да се UMI.CMS може лесно да добавите снимка галерия на продуктите.

Само искам да отбележа, че аз съм с помощта на стандартни UMI.CMS версия 2.8.6 и образа demoold с TPL шаблони. Имам всички шаблони, съхранявани в татко шаблон \ demoold, така че пътищата могат да бъдат до несъответствие с твоя.

Първо трябва да отидете на "шаблони данни", а след това в обекта директория. Аз използвам стандартна UMI.CMS, така че аз ще редактирате обект "Хамстера"

Разделяне на модела данни UMI.CMS

Сега трябва да добавите нова група - "Още снимки" да "extra_images» ID:

След това добавете нови области, като изображение, и да ги направи видими. Имената могат да бъдат произволни:

TIP. Трябва да имате две групи. В първата група трябва да бъде основното изображение и във втората група, можете да го създадете по-висока, броят на изображенията, които искате да видя вашия потребителски.

След като добавите към групата и областта трябва да отидете в "каталога" модул, и отидете на обекта, който искате да добавите снимката на продукта:

Сега е необходимо да се въвеждат допълнителни изображения и свържете галерия сценария.

Свързване галерии UMI.CMS

В галерия, Обичам да използвам fancyBox.

Отидете на уебсайта на програмиста и да го свалите. Ако изведнъж нещо не е на разположение, можете да изтеглите тук fancyBox.

Сега, свържете сценария за UMI.CMS модел.

Разопаковането на скриптови файлове във вашия шаблон папка, отворете шаблон, който е отговорен за продукцията на обекта директория, т.е. Каталог на карта 😉 и свържете всички CSS и JS fancyBox файлове. Свържете всички JS файлове следва макроса или преди етикета , към скрипт изтегля-късно:

След като се свържете CSS те са ми в следния път:

Също така, можете веднага да се свърже към fancyBox на функция с параметри за свързване галерия на картата елемент. В галерия ще се използва «Thumbnail помощник», още в демото:

Скриптовете са отговорни за галерия свързан сега жънат изходни файлове от базата данни на сайта.

Допълнителна изображения UMI.CMS директория

За да се покаже основното изображение трябва да използвате макро .ata getProperty ()%.

.АТА getProperty ()% - Показва страниците на собственост на конкретен модел.

Вие трябва да отидете на директория \ шаблони \ demoold \ tpls \ Каталог \. в модел, който е отговорен за изход карта на стоките, имам този продукт-details.view.tpl, и в раздел

Добави макро .ata getProperty ()% с параметрите, параметрите могат да бъдат различни от моето

По-късно през catalog_view.tpl шаблон, който е отговорен за продукцията на стоки Thumbnail - \ шаблони \ demoold \ tpls \ данни, както и да заменят съдържанието на файла:

Ако не разполагате с този файл, трябва да го създадете.

% System makeThumbnail ()% - създава и извежда намалено изображение (картинка) на посочените изображения.

Основна снимка на стоката, показани на сайта, можете да влезете в системата и да се провери. Също така, ако кликнете върху снимката, след което ще се работи fancyBox.

Остава да донесе допълнителен графични UMI.CMS директория обект. За да се покаже необходимостта от използване на макро .ata getPropertyGroup ()%

.АТА getPropertyGroup ()% - свойства Показва група страница за определен модел.

Отворете файла, който е отговорен за показване на картата елемент и добавяне на макрос с параметри .ata getPropertyGroup (% идентификатор%, "extra_images", "extra_images")%.

Добавете този макрос е необходимо в разделите:

След това трябва да отидете в директория \ шаблони \ demoold \ tpls \ данни, и там се създаде extra_images.tpl файл. Трябва да се добави код за по-долу файл:

Сега отидете на сайта и се актуализира на страницата:

Опитайте да кликнете върху изображението и да получите изскачащо изображение с намалени копия.

Ако имате въпроси, моля попитайте! Ние с удоволствие ще отговорим!

Свързани статии

• Как да си направите снимка в кръгла форма блог, креватчета Blogersha

• каталог на стоките

• Пазаруване от каталози - плюсове и минуси