Не зарегистрирован
Вход
Забыли пароль?
Регистрация
Подписаться
Сэкономьте время — перед вопросом на форуме узнайте, как найти ответ быстрее
По техническим проблемам необходимо обращаться в Консультационный центр

Поиск по форуму: 

Приглашаем в блог Amiro.CMS. Регулярные обзоры, опыт, решения, практикумы.

Форум  ->   Интернет Магазин  ->  Дополнительное изображение товара

Вопросы по настройке магазина, каталога.

Добавлено: 14.11.14 08:14:30 #1




Регистрация: 14.11.14
Сообщений: 9


Обратиться по имени

Доброго времени суток!
На демонстрационном сайте
http://business.amiro.ru/
увидел реализованным дополнительное изображение товара.

https://pp.vk.me/c622131/v622131735/885f/iED5DUTdy4Q.jpg
https://pp.vk.me/c622131/v622131735/8868/RC8qrXDyPtk.jpg

Зашел в редакцию этого товара и увидел, что дополнительные изображения товара добавляются через "свойства товара"

https://pp.vk.me/c622131/v622131735/8871/nlqcM-ZSgS8.jpg

Затем зашел на сайт с которым я сейчас работаю
http://www.kstatimebel.ru/

В редакции товаров на моем сайте нет такой вкладки "свойства товара"
https://pp.vk.me/c622131/v622131735/8895/i9-nkg-O-LY.jpg

Вроде у демонстрационного сайта и у того с которым я сейчас работаю версии amiro cms и редакции одинаковые.
https://pp.vk.me/c622131/v622131735/888c/EGJxqgLS1Z8.jpg
https://pp.vk.me/c622131/v622131735/889e/dXrzod7zBRI.jpg

Подскажите пожалуйста, как сделать так, чтобы была возможность на сайте с которым я сейчас работаю добавлять дополнительные изображения товара, так же как это сделано на демонстрационном сайте? Ну или не так же, но хоть каким-нибудь человеческим способом.

Уже была похожая тема на форуме, но она старая и картинки пропали.
http://www.amiro.ru/forum/internet-magazin/neskolko-izobrazhenij-u-tovara


P.S. И подскажите, как уменьшать картинки когда их заливаешь на этот форум, ато в сообщении пришлось ссылками кидать, иначе вылезают большие картинки



Добавлено: 14.11.14 08:57:30 #2

Амиро Партнер


Регистрация: 06.03.13
Сообщений: 27


Обратиться по имени

Попробуйте выполнить настройку по следующей инструкции:

1) Задать дополнительные свойства с типом "Изображение". Так, на демо-сайте http://business.amiro.ru/ - дополнительные изображения - это дополнительные свойства товаров, с номерами от 26 до 35.

2) Затем, необходимо кастомизировать вывод созданных свойств. Сделать это возможно в шаблоне _eshop_item_list.tpl. Так, к примеру, эти свойства кастомизированы для вывода в сетe на демо-сайте:
<!--#set var="itemD_custom_field_26;
itemD_custom_field_27;
itemD_custom_field_28;
itemD_custom_field_29;
itemD_custom_field_30;
itemD_custom_field_31;
itemD_custom_field_32;
itemD_custom_field_33;
itemD_custom_field_34;
itemD_custom_field_35" 
value="##custom_field##"-->


3) далее, в сете карточки var="itemD_detail" задан блок для вывода этих свойств-изображений:
<div class="block_pict"><div class="small_picture_wrapper">##picture##</div>
<div class="announce_slider">
<span id="left_t"><div class="imagetapeControlSmall left" id="prev-listaddIm"></div></span>
<div id="slider-listaddIm" style="height: 62px;" class="slider_announce_list">
<div class="container-list" id="slider-listaddIm_sl" style="position:relative;">
##if(custom_field_26 != '';)##<img data-ami-mbpopup="##custom_field_27##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_26##">##endif##
##if(custom_field_28 != '';)##<img data-ami-mbpopup="##custom_field_29##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_28##">##endif## 
##if(custom_field_30 != '';)##<img data-ami-mbpopup="##custom_field_31##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_30##">##endif##
##if(custom_field_32 != '';)##<img data-ami-mbpopup="##custom_field_33##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_32##">##endif##
##if(custom_field_34 != '';)##<img data-ami-mbpopup="##custom_field_35##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_34##">##endif##
</div>
</div>
<span id="right_t"><div class="imagetapeControlSmall right" id="next-listaddIm"></div></span>
</div>
</div>


Начиная с 6-ой версии системы названия свойств изображений в шаблоне _eshop_item_list.tpl изменились.
Пример:
- старое название itemD_custom_field_27
- новое custom_field_imgs1

Перед изменением файлов не забывайте делать их резервные копии.



Добавлено: 14.11.14 12:14:07 #3




Регистрация: 14.11.14
Сообщений: 9


Обратиться по имени

tretyakov.a:
Попробуйте выполнить настройку по следующей инструкции:

1) Задать дополнительные свойства с типом "Изображение". Так, на демо-сайте http://business.amiro.ru/ - дополнительные изображения - это дополнительные свойства товаров, с номерами от 26 до 35.

2) Затем, необходимо кастомизировать вывод созданных свойств. Сделать это возможно в шаблоне _eshop_item_list.tpl. Так, к примеру, эти свойства кастомизированы для вывода в сетe на демо-сайте:
<!--#set var="itemD_custom_field_26;
itemD_custom_field_27;
itemD_custom_field_28;
itemD_custom_field_29;
itemD_custom_field_30;
itemD_custom_field_31;
itemD_custom_field_32;
itemD_custom_field_33;
itemD_custom_field_34;
itemD_custom_field_35" 
value="##custom_field##"-->


3) далее, в сете карточки var="itemD_detail" задан блок для вывода этих свойств-изображений:
##picture##




##if(custom_field_26 != '';)####endif##
##if(custom_field_28 != '';)####endif## 
##if(custom_field_30 != '';)####endif##
##if(custom_field_32 != '';)####endif##
##if(custom_field_34 != '';)####endif##






Начиная с 6-ой версии системы названия свойств изображений в шаблоне _eshop_item_list.tpl изменились.
Пример:
- старое название itemD_custom_field_27
- новое custom_field_imgs1

Перед изменением файлов не забывайте делать их резервные копии.


Спасибо, помогло!
А что дает кастомизация свойств? Ну, или как понятие кастомизация свойств переводится на обычный разговорный язык. И хотелось бы узнать, как сделано так, что при клике на изображение товара подгружается "демонстратор картинок". Он же по-моему подгружается когда картинки вставляешь в описание товара. Всмысле, как устроен и работает блок вывода изображений. И что такое сет?

В моем случае блок для вывода изображений по-видимому выглядит так:
<div class="eshop-item-detailed__visual">
	##picture##
	
	<div class="eshop-item-detailed__addpics">
		<div class="eshop-item-detailed__addpics-clipper">
			<div class="eshop-item-detailed__addpics-container">##if(custom_field_imgs1 != '')##<div class="eshop-item-detailed__addpics-item"><img class="eshop-item-detailed__addpics-img" data-ami-mbpopup="##custom_field_img1##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_imgs1##"></div>##endif####if(custom_field_imgs2 != '')##<div class="eshop-item-detailed__addpics-item"><img class="eshop-item-detailed__addpics-img" data-ami-mbpopup="##custom_field_img2##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_imgs2##"></div>##endif####if(custom_field_imgs3 != '')##<div class="eshop-item-detailed__addpics-item"><img class="eshop-item-detailed__addpics-img" data-ami-mbpopup="##custom_field_img3##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_imgs3##"></div>##endif####if(custom_field_imgs4 != '')##<div class="eshop-item-detailed__addpics-item"><img class="eshop-item-detailed__addpics-img" data-ami-mbpopup="##custom_field_img4##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_imgs4##"></div>##endif####if(custom_field_imgs5 != '')##<div class="eshop-item-detailed__addpics-item"><img class="eshop-item-detailed__addpics-img" data-ami-mbpopup="##custom_field_img5##" data-ami-mbgrp="##item_header##" data-ami-mbhdr="##item_header##" src="##custom_field_imgs5##"></div>##endif##</div>
		</div>
		<ul class="slider-pad slider-pad_type_mini">
			<li class="slider-pad__arrow-left"></li>
			<li class="slider-pad__arrow-right"></li>
			<li class="slider-pad__arrow-up"></li>
			<li class="slider-pad__arrow-down"></li>
		</ul>
	</div>



Добавлено: 14.11.14 13:42:19 #4

Амиро Партнер


Регистрация: 06.03.13
Сообщений: 27


Обратиться по имени

Кастомизация - изменение стандартного функционала под определенную задачу.

В данном случае изменяется стандартное формирование свойств:
<!--#set var="itemD_custom_field" value="
<div class="eshop-item-detailed__custom-field">
	<div class="eshop-item-detailed__custom-field-name">##custom_field_title## ##details##:</div>
	<div class="eshop-item-detailed__custom-field-value">##custom_field## ##val_details##</div>
</div>
"-->


По поводу сетов - http://manual.amiro.ru/doc/integracija-dizajna/nastrojka-shablonov/nastrojka-shablonov/chto-takoe-shablony

К примеру, вот название сета - var="itemD_custom_field"

как сделано так, что при клике на изображение товара подгружается "демонстратор картинок"


Изображению добавляется атрибут data-ami-mbpopup JS-скрипт обрабатывает это и выводит по щелчку изображение из переменной(##custom_field_img1## ##custom_field_img2## и т.д.).

Рекомендуемые ссылки для ознакомления с системой:
http://manual.amiro.ru
http://www.amiro.ru/how-to/demo/tours
http://www.amiro.ru/forum/
http://support.amiro.ru/index.php?/Knowledgebase/List
http://manual.amiro.ru/faq





Создать новую тему

Всего тем: 6661
Всего сообщений: 27851
Всего зарегистрированных пользователей: 26741
Последний зарегистрированный пользователь: user6353089940