Отключен JavaScript

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

0

Изменения В Карточке Товара

Автор evros, 11 марта 2016 11:50

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 21

#1 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 11 Март 2016 - 11:50

Добрый день. Просьба помочь внести изменения в ТК. Шаблон "Лето". Всякие интересные штуки из шаблона "Город". Суть изменений во вложении.

1. Убрать выбор количества товара из карточки товара.
2. Кнопки "Добавить в избранное" и "Сравнение" сделать строчками как шаблоне Город
3. Дополнительное фото перенести влево от основного фото товара.
5. Фильтр характеристик товар из шаблона Город реализовать на шаблоне Лето

Прикрепленные изображения

Наверх

#2 RedHead

Активный участник

Модераторы
1 052 сообщений

Отправлено 11 Март 2016 - 16:14

evros (11 Март 2016 - 11:50) писал:

Добрый день. Просьба помочь внести изменения в ТК. Шаблон "Лето". Всякие интересные штуки из шаблона "Город". Суть изменений во вложении.

1. Убрать выбор количества товара из карточки товара.
2. Кнопки "Добавить в избранное" и "Сравнение" сделать строчками как шаблоне Город
3. Дополнительное фото перенести влево от основного фото товара.
5. Фильтр характеристик товар из шаблона Город реализовать на шаблоне Лето

Здравствуйте. Перед внесением изменений, создайте бэкап.

1) В шаблоне main.css замените строку:

.product-view .product-shop .add-to-box .wrap-qty {width: 100%;padding: 10px 0 20px;}

на:

.product-view .product-shop .add-to-box .wrap-qty {width: 100%;padding: 10px 0 20px;	display: none;}

2) В шаблоне ТОВАР перед строкой:

<!-- Добавление товара в Избранное, Сравнение -->

вставьте:

</br>

Далее, замените блок кода:

<ul class="add-to-links">
		  <li class="wishlist">
			<!-- Если есть возможность добавить товар в избранное -->
			{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			  <a class="add-wishlist fa added"
				data-action-is-add="0"
				data-action-add-url="{FAVORITES_ADD_URL}"
				data-action-delete-url="{FAVORITES_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  ><i class="fa fa-heart"></i></a>
			{% ELSE %}
			  <a class="add-wishlist fa"
				data-action-is-add="1"
				data-action-add-url="{FAVORITES_ADD_URL}"
				data-action-delete-url="{FAVORITES_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  ><i class="fa fa-heart"></i></a>
			{% ENDIF %}
		  </li>
		  <li class="compare">
			<!-- Если есть возможность добавить товар в сравнение -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
				<a class="add-compare fa added"
				  data-action-is-add="0"
				  data-action-add-url="{COMPARE_ADD_URL}"
				  data-action-delete-url="{COMPARE_DELETE_URL}"
				  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
				><i class="fa fa-retweet"></i></a>
			  {% ELSE %}
				<a class="add-compare fa"
				  data-action-is-add="1"
				  data-action-add-url="{COMPARE_ADD_URL}"
				  data-action-delete-url="{COMPARE_DELETE_URL}"
				  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
				><i class="fa fa-retweet"></i></a>
			  {% ENDIF %}
			{% ENDIF %}
		  </li>
		</ul>

на:

<div class="add-to-links f-fix">
		<!-- Если есть возможность добавить товар в избранное -->
		{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
		  <a class="add-wishlist added"
			data-action-is-add="0"
			data-action-add-url="{FAVORITES_ADD_URL}"
			data-action-delete-url="{FAVORITES_DELETE_URL}"
			data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			data-msgtype="2"
			data-gname="{GOODS_NAME}"
			data-action-text-add="Добавить в избранное"
			data-action-text-delete="Удалить из избранного"
			data-add-tooltip="В Избранное"
			data-del-tooltip="Убрать из избранного"
			data-tooltip="Убрать из избранного"
			href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
		  >Удалить из избранного</a>
		{% ELSE %}
		  <a class="add-wishlist"
			data-action-is-add="1"
			data-action-add-url="{FAVORITES_ADD_URL}"
			data-action-delete-url="{FAVORITES_DELETE_URL}"
			data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			data-msgtype="2"
			data-gname="{GOODS_NAME}"
			data-action-text-add="Добавить в избранное"
			data-action-text-delete="Удалить из избранного"
			data-add-tooltip="В Избранное"
			data-del-tooltip="Убрать из избранного"
			data-tooltip="В Избранное"
			title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
		  >Добавить в избранное</a>
		{% ENDIF %}
		<!-- Если есть возможность добавить товар в сравнение -->
		{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
		  <a class="add-compare added"
			data-action-is-add="0"
			data-action-add-url="{COMPARE_ADD_URL}"
			data-action-delete-url="{COMPARE_DELETE_URL}"
			data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
			data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
			data-msgtype="1"
			data-gname="{GOODS_NAME}"
			data-prodname="{GOODS_NAME}"
			data-produrl="{GOODS_URL}"
			data-id="{GOODS_ID}"
			data-mod-id="{GOODS_MOD_ID}"
			data-action-text-add="Добавить к сравнению"
			data-action-text-delete="Удалить из сравнения"
			data-add-tooltip="В Сравнение"
			data-del-tooltip="Убрать из сравнения"
			data-tooltip="В Сравнение"
			title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
			href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
		  >Удалить из сравнения</a>
		{% ELSE %}
		  <a class="add-compare"
			data-action-is-add="1"
			data-action-add-url="{COMPARE_ADD_URL}"
			data-action-delete-url="{COMPARE_DELETE_URL}"
			data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
			data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
			data-msgtype="1"
			data-gname="{GOODS_NAME}"
			data-prodname="{GOODS_NAME}"
			data-produrl="{GOODS_URL}"
			data-id="{GOODS_ID}"
			data-mod-id="{GOODS_MOD_ID}"
			data-action-text-add="Добавить к сравнению"
			data-action-text-delete="Удалить из сравнения"
			data-add-tooltip="В Сравнение"
			data-del-tooltip="Убрать из сравнения"
			data-tooltip="Убрать из сравнения"
			title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
			href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
		  >Добавить к сравнению</a>
		{% ENDIF %}
		{% ENDIF %}
	  </div>

Затем, в конец шаблона main.css вставьте код:

.product-view .product-shop .add-to-links {display: inline-block;width: 100%;margin: 0;padding: 10px 0;margin-bottom: 30px;}
.product-view .product-shop .add-to-links a {display: inline-block;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}
.product-view .product-shop .add-to-links a:before {display: inline-block;position: relative;font-family: FontAwesome;font-size: 16px;color: #1e1e21;width: auto;padding: 0;margin: 0 5px 0 0;opacity: 1;visibility: visible;background: transparent;}
.product-view .product-shop .add-to-links a:after {display: none;}
.product-view .product-shop .add-to-links a:hover:before, .product-view .product-shop .add-to-links a.added:before, .product-view .product-shop .add-to-links a:hover {color: #c7081b;}
.product-view .product-shop .add-to-links .add-compare:before {content: "\f079";}
.product-view .product-shop .add-to-links .add-wishlist:before {content: "\f004";}
.product-view .product-shop .add-to-links .add-wishlist {margin-right: 30px;}

и удалите строку:

.add-to-links .compare a:hover, .add-to-links .wishlist a:hover, .add-to-links a.added {background-color: #18bd9c;color: #ffffff;}

3) В шаблоне ТОВАР замените блок кода:

<div class="product-img-box col-md-5 col-sm-12 col-sms-12">
	  <div class="general-img popup-gallery">
		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=summer" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
		{% ELSE %}
		  <a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">
			<div class="ico-product">
			  {% IF GOODS_IS_NEW %}
				<span class="ico-new">Новинка</span>
			  {% ELSEIF GOODS_IS_TOP %}
				<span class="ico-best">Хит</span>
			  {% ENDIF %}
			  {% IF GOODS_MOD_MAX_DISCOUNT %}
				<span class="ico-sale">Скидка</span>
			  {% ENDIF %}
			</div>
			<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
		  </a>
		  <center class="goodsImageZoom" data="{GOODS_IMAGE_ID}"><a href="#" title="Увеличить изображение">Увеличить изображение</a></center>
		{% ENDIF %}
	  </div><!-- END основное изображение товара -->
	  {% IFNOT goods_images_empty %}
		<div class="goodsImageList" style="display: none;">
		{% FOR goods_images %}
		  <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
		{% ENDFOR %}
		</div>
	  {% ENDIF %}
	  <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
		<span class="prev"><i class="fa fa-angle-left"></i></span>
		<span class="next"><i class="fa fa-angle-right"></i></span>
		<!-- Другие изображения товара. Отображаются если есть изображения товара -->
		{% IFNOT goods_images_empty %}
		  <ul id="thumblist" class="thumblist popup-gallery">
			{% FOR goods_images %}
			  <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.OTHER}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
			{% ENDFOR %}
		  </ul>
		{% ENDIF %}
	  </div><!-- END другие изображение товара -->
	</div>
	<div class="product-shop col-md-7 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

на:

<div class="product-img-box col-md-7 col-sm-12 col-xs-12">
	  <div class="general-img popup-gallery">
	   
		<!-- Другие изображения товара. Отображаются если есть изображения товара -->
		{% IFNOT goods_images_empty %}
		<div class="more-views fadeout">
		  <div class="slide-control prev"></div>
		  <div class="slide-control next"></div>
		  <ul class="thumblist">
			{% FOR goods_images %}
			  <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
			{% ENDFOR %}
		  </ul>
		</div>
		{% ENDIF %}
		<div class="product-image">
		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=summer" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail" />
		{% ELSE %}
		  <a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">
			<div class="ico-product">
			  {% IF GOODS_IS_NEW %}
				<span class="ico-new">Новинка</span>
			  {% ELSEIF GOODS_IS_TOP %}
				<span class="ico-best">Хит</span>
			  {% ENDIF %}
			  {% IF GOODS_MOD_MAX_DISCOUNT %}
				<span class="ico-sale">Скидка</span>
			  {% ENDIF %}
			</div>
			<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
		  </a>
		  <center class="goodsImageZoom" data="{GOODS_IMAGE_ID}"><a href="#" title="Увеличить изображение">Увеличить изображение</a></center>
		{% ENDIF %}
		  </div>
	  </div><!-- END основное изображение товара -->
	  {% IFNOT goods_images_empty %}
		<div class="goodsImageList" style="display: none;">
		{% FOR goods_images %}
		  <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
		{% ENDFOR %}
		</div>
	  {% ENDIF %}
	</div>
	<div class="product-shop col-md-5 col-sm-12 col-xs-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

Далее, в конец шаблона main.css вставьте строки:

.product-img-box .more-views {
	width: 92px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.lSSlideOuter .lSSlideWrapper {
	position: relative;
	margin: 30px 0;
	max-width: 100%;
	overflow: hidden;
}
.product-view .product-img-box .product-image {
	margin: 0 0 0 100px;
}
.product-view .product-img-box .general-img {
	position: relative;
	text-align: center;
}

4) Фильтр характеристик присутствует в карточке товара, уточните, пожалуйста, что конкретно Вы имеете ввиду.

Внесите эти изменения и дайте знать, чтобы протестировать карточку товара.

Наверх

#3 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 11 Март 2016 - 18:26

сделал, почти все как хотелось, спасибо!

Есть проблемки небольшие:

1. На блоке доп фото - нет кнопок для скроллинга, все доп.фото видны какие есть, выглядит отвратно ( http://market-fitnes...mod_id=67877909

2. Кнопки "В корзину" и "Быстрый заказ" нужно отодвинуть от краткого описания, вниз (если не заполнять Модификации, то они "прилипают" к описанию)

По поводу фильтра: в шаблоне "Город" он реализован чек боксами. Хотелось бы внедрить его и на "Лето"

RedHead (11 Март 2016 - 16:14) писал:

Здравствуйте. Перед внесением изменений, создайте бэкап.

1) В шаблоне main.css замените строку:

.product-view .product-shop .add-to-box .wrap-qty {width: 100%;padding: 10px 0 20px;}

на:

.product-view .product-shop .add-to-box .wrap-qty {width: 100%;padding: 10px 0 20px; display: none;}

2) В шаблоне ТОВАР перед строкой:

<!-- Добавление товара в Избранное, Сравнение -->

вставьте:

</br>

Далее, замените блок кода:

<ul class="add-to-links">
		 <li class="wishlist">
		 <!-- Если есть возможность добавить товар в избранное -->
		 {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			 <a class="add-wishlist fa added"
			 data-action-is-add="0"
			 data-action-add-url="{FAVORITES_ADD_URL}"
			 data-action-delete-url="{FAVORITES_DELETE_URL}"
			 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			 title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			 data-msgtype="2"
			 data-gname="{GOODS_NAME}"
			 data-action-text-add="Добавить в избранное"
			 data-action-text-delete="Удалить из избранного"
			 href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			 ><i class="fa fa-heart"></i></a>
		 {% ELSE %}
			 <a class="add-wishlist fa"
			 data-action-is-add="1"
			 data-action-add-url="{FAVORITES_ADD_URL}"
			 data-action-delete-url="{FAVORITES_DELETE_URL}"
			 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			 data-msgtype="2"
			 data-gname="{GOODS_NAME}"
			 data-action-text-add="Добавить в избранное"
			 data-action-text-delete="Удалить из избранного"
			 title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			 ><i class="fa fa-heart"></i></a>
		 {% ENDIF %}
		 </li>
		 <li class="compare">
		 <!-- Если есть возможность добавить товар в сравнение -->
		 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			 {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
			 <a class="add-compare fa added"
				 data-action-is-add="0"
				 data-action-add-url="{COMPARE_ADD_URL}"
				 data-action-delete-url="{COMPARE_DELETE_URL}"
				 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				 data-msgtype="1"
				 data-gname="{GOODS_NAME}"
				 data-prodname="{GOODS_NAME}"
				 data-produrl="{GOODS_URL}"
				 data-id="{GOODS_ID}"
				 data-mod-id="{GOODS_MOD_ID}"
				 data-action-text-add="Добавить к сравнению"
				 data-action-text-delete="Удалить из сравнения"
				 title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				 href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			 ><i class="fa fa-retweet"></i></a>
			 {% ELSE %}
			 <a class="add-compare fa"
				 data-action-is-add="1"
				 data-action-add-url="{COMPARE_ADD_URL}"
				 data-action-delete-url="{COMPARE_DELETE_URL}"
				 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				 data-msgtype="1"
				 data-gname="{GOODS_NAME}"
				 data-prodname="{GOODS_NAME}"
				 data-produrl="{GOODS_URL}"
				 data-id="{GOODS_ID}"
				 data-mod-id="{GOODS_MOD_ID}"
				 data-action-text-add="Добавить к сравнению"
				 data-action-text-delete="Удалить из сравнения"
				 title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				 href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			 ><i class="fa fa-retweet"></i></a>
			 {% ENDIF %}
		 {% ENDIF %}
		 </li>
	 </ul>

на:

<div class="add-to-links f-fix">
	 <!-- Если есть возможность добавить товар в избранное -->
	 {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
		 <a class="add-wishlist added"
		 data-action-is-add="0"
		 data-action-add-url="{FAVORITES_ADD_URL}"
		 data-action-delete-url="{FAVORITES_DELETE_URL}"
		 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
		 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
		 title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
		 data-msgtype="2"
		 data-gname="{GOODS_NAME}"
		 data-action-text-add="Добавить в избранное"
		 data-action-text-delete="Удалить из избранного"
		 data-add-tooltip="В Избранное"
		 data-del-tooltip="Убрать из избранного"
		 data-tooltip="Убрать из избранного"
		 href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
		 >Удалить из избранного</a>
	 {% ELSE %}
		 <a class="add-wishlist"
		 data-action-is-add="1"
		 data-action-add-url="{FAVORITES_ADD_URL}"
		 data-action-delete-url="{FAVORITES_DELETE_URL}"
		 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
		 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
		 data-msgtype="2"
		 data-gname="{GOODS_NAME}"
		 data-action-text-add="Добавить в избранное"
		 data-action-text-delete="Удалить из избранного"
		 data-add-tooltip="В Избранное"
		 data-del-tooltip="Убрать из избранного"
		 data-tooltip="В Избранное"
		 title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
		 >Добавить в избранное</a>
	 {% ENDIF %}
	 <!-- Если есть возможность добавить товар в сравнение -->
	 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
	 {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
		 <a class="add-compare added"
		 data-action-is-add="0"
		 data-action-add-url="{COMPARE_ADD_URL}"
		 data-action-delete-url="{COMPARE_DELETE_URL}"
		 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
		 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
		 data-msgtype="1"
		 data-gname="{GOODS_NAME}"
		 data-prodname="{GOODS_NAME}"
		 data-produrl="{GOODS_URL}"
		 data-id="{GOODS_ID}"
		 data-mod-id="{GOODS_MOD_ID}"
		 data-action-text-add="Добавить к сравнению"
		 data-action-text-delete="Удалить из сравнения"
		 data-add-tooltip="В Сравнение"
		 data-del-tooltip="Убрать из сравнения"
		 data-tooltip="В Сравнение"
		 title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
		 href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
		 >Удалить из сравнения</a>
	 {% ELSE %}
		 <a class="add-compare"
		 data-action-is-add="1"
		 data-action-add-url="{COMPARE_ADD_URL}"
		 data-action-delete-url="{COMPARE_DELETE_URL}"
		 data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
		 data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
		 data-msgtype="1"
		 data-gname="{GOODS_NAME}"
		 data-prodname="{GOODS_NAME}"
		 data-produrl="{GOODS_URL}"
		 data-id="{GOODS_ID}"
		 data-mod-id="{GOODS_MOD_ID}"
		 data-action-text-add="Добавить к сравнению"
		 data-action-text-delete="Удалить из сравнения"
		 data-add-tooltip="В Сравнение"
		 data-del-tooltip="Убрать из сравнения"
		 data-tooltip="Убрать из сравнения"
		 title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
		 href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
		 >Добавить к сравнению</a>
	 {% ENDIF %}
	 {% ENDIF %}
	 </div>

Затем, в конец шаблона main.css вставьте код:

.product-view .product-shop .add-to-links {display: inline-block;width: 100%;margin: 0;padding: 10px 0;margin-bottom: 30px;}
.product-view .product-shop .add-to-links a {display: inline-block;transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}
.product-view .product-shop .add-to-links a:before {display: inline-block;position: relative;font-family: FontAwesome;font-size: 16px;color: #1e1e21;width: auto;padding: 0;margin: 0 5px 0 0;opacity: 1;visibility: visible;background: transparent;}
.product-view .product-shop .add-to-links a:after {display: none;}
.product-view .product-shop .add-to-links a:hover:before, .product-view .product-shop .add-to-links a.added:before, .product-view .product-shop .add-to-links a:hover {color: #c7081b;}
.product-view .product-shop .add-to-links .add-compare:before {content: "\f079";}
.product-view .product-shop .add-to-links .add-wishlist:before {content: "\f004";}
.product-view .product-shop .add-to-links .add-wishlist {margin-right: 30px;}

и удалите строку:

.add-to-links .compare a:hover, .add-to-links .wishlist a:hover, .add-to-links a.added {background-color: #18bd9c;color: #ffffff;}

3) В шаблоне ТОВАР замените блок кода:

<div class="product-img-box col-md-5 col-sm-12 col-sms-12">
	 <div class="general-img popup-gallery">
	 {% IF GOODS_IMAGE_EMPTY %}
		 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=summer" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
	 {% ELSE %}
		 <a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">
		 <div class="ico-product">
			 {% IF GOODS_IS_NEW %}
			 <span class="ico-new">Новинка</span>
			 {% ELSEIF GOODS_IS_TOP %}
			 <span class="ico-best">Хит</span>
			 {% ENDIF %}
			 {% IF GOODS_MOD_MAX_DISCOUNT %}
			 <span class="ico-sale">Скидка</span>
			 {% ENDIF %}
		 </div>
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
		 </a>
		 <center class="goodsImageZoom" data="{GOODS_IMAGE_ID}"><a href="#" title="Увеличить изображение">Увеличить изображение</a></center>
	 {% ENDIF %}
	 </div><!-- END основное изображение товара -->
	 {% IFNOT goods_images_empty %}
	 <div class="goodsImageList" style="display: none;">
	 {% FOR goods_images %}
		 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
	 {% ENDFOR %}
	 </div>
	 {% ENDIF %}
	 <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
	 <span class="prev"><i class="fa fa-angle-left"></i></span>
	 <span class="next"><i class="fa fa-angle-right"></i></span>
	 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
		 <ul id="thumblist" class="thumblist popup-gallery">
		 {% FOR goods_images %}
			 <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.OTHER}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
		 {% ENDFOR %}
		 </ul>
	 {% ENDIF %}
	 </div><!-- END другие изображение товара -->
</div>
<div class="product-shop col-md-7 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

на:

<div class="product-img-box col-md-7 col-sm-12 col-xs-12">
	 <div class="general-img popup-gallery">
	
	 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 <div class="more-views fadeout">
		 <div class="slide-control prev"></div>
		 <div class="slide-control next"></div>
		 <ul class="thumblist">
		 {% FOR goods_images %}
			 <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
		 {% ENDFOR %}
		 </ul>
	 </div>
	 {% ENDIF %}
	 <div class="product-image">
	 {% IF GOODS_IMAGE_EMPTY %}
		 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=summer" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail" />
	 {% ELSE %}
		 <a href="{GOODS_IMAGE_LARGE}" class="cloud-zoom" id="zoom1" rel="position:'inside',adjustX:0,adjustY:0" title="Увеличить {GOODS_NAME}">
		 <div class="ico-product">
			 {% IF GOODS_IS_NEW %}
			 <span class="ico-new">Новинка</span>
			 {% ELSEIF GOODS_IS_TOP %}
			 <span class="ico-best">Хит</span>
			 {% ENDIF %}
			 {% IF GOODS_MOD_MAX_DISCOUNT %}
			 <span class="ico-sale">Скидка</span>
			 {% ENDIF %}
		 </div>
		 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
		 </a>
		 <center class="goodsImageZoom" data="{GOODS_IMAGE_ID}"><a href="#" title="Увеличить изображение">Увеличить изображение</a></center>
	 {% ENDIF %}
		 </div>
	 </div><!-- END основное изображение товара -->
	 {% IFNOT goods_images_empty %}
	 <div class="goodsImageList" style="display: none;">
	 {% FOR goods_images %}
		 <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
	 {% ENDFOR %}
	 </div>
	 {% ENDIF %}
</div>
<div class="product-shop col-md-5 col-sm-12 col-xs-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

Далее, в конец шаблона main.css вставьте строки:

.product-img-box .more-views {
width: 92px;
position: relative;
float: left;
top: 0px;
left: 0px;
z-index: 1;
}
.lSSlideOuter .lSSlideWrapper {
position: relative;
margin: 30px 0;
max-width: 100%;
overflow: hidden;
}
.product-view .product-img-box .product-image {
margin: 0 0 0 100px;
}
.product-view .product-img-box .general-img {
position: relative;
text-align: center;
}

4) Фильтр характеристик присутствует в карточке товара, уточните, пожалуйста, что конкретно Вы имеете ввиду.

Внесите эти изменения и дайте знать, чтобы протестировать карточку товара.

сделал

Наверх

#4 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 11 Март 2016 - 19:09

И еще вопрос! Основное фото товара можно сделать также как в шаблоне "Город"? Т.е. оно будет крупнее, увеличиваться при наведении курсора также как в шаблоне Город и открываться в полный размер кликом по фото.

Грубо говоря, весь блок Основное фото и Доп. фото из шаблона "Город", хотелось бы реализовать в моем шаблоне.

Наверх

#5 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 12 Март 2016 - 05:43

evros (11 Март 2016 - 18:26) писал:

сделал, почти все как хотелось, спасибо!

Есть проблемки небольшие:

1. На блоке доп фото - нет кнопок для скроллинга, все доп.фото видны какие есть, выглядит отвратно ( http://market-fitnes...mod_id=67877909

2. Кнопки "В корзину" и "Быстрый заказ" нужно отодвинуть от краткого описания, вниз (если не заполнять Модификации, то они "прилипают" к описанию)

1. В main.css найдите:

.product-img-box .more-views {
	width: 92px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
}

замените на:

.product-img-box .more-views {
	width: 92px;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 300px;
	overflow-y: scroll;
	padding: 10px;
}

2. В main.css найдите:

.product-view .product-shop .short-description {
	float: left;
	width: 100%;
	margin: 0;
	display: inline-block;
}

замените на:

.product-view .product-shop .short-description {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	display: inline-block;
}

evros (11 Март 2016 - 18:26) писал:

И еще вопрос! Основное фото товара можно сделать также как в шаблоне "Город"? Т.е. оно будет крупнее, увеличиваться при наведении курсора также как в шаблоне Город и открываться в полный размер кликом по фото.

В main.js найдите:

// Увеличение изображения в карточке товара
$(function() {
  $('a[rel="gallery"]').fancybox();
  // Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsImageZoom a, .thumblist a').click(function(){
	if($(this).closest('.thumblist').length) {
	  $('.goodsImageZoom').attr('data', $(this).attr('data'));
	  return(true);
	}
	$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
	return(false);
  });
});

замените на:

// Увеличение изображения в карточке товара
$(function() {
  $('a[rel="gallery"]').fancybox();
  // Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsImageZoom a, .thumblist a').click(function(){
	if($(this).closest('.thumblist').length) {
	  $('.goodsImageZoom').attr('data', $(this).attr('data'));
	  return(true);
	}
	$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
	return(false);
  });
  $('#wrap').click(function(){
	$(this).closest('.product-image').find('.goodsImageZoom a').click();
  });
});

Наверх

#6 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 12 Март 2016 - 13:03

Vaccina (12 Март 2016 - 05:43) писал:

1. В main.css найдите:

.product-img-box .more-views {
width: 92px;
position: relative;
float: left;
top: 0px;
left: 0px;
z-index: 1;
}

замените на:

.product-img-box .more-views {
width: 92px;
position: relative;
float: left;
top: 0px;
left: 0px;
z-index: 1;
height: 300px;
overflow-y: scroll;
padding: 10px;
}

2. В main.css найдите:

.product-view .product-shop .short-description {
float: left;
width: 100%;
margin: 0;
display: inline-block;
}

замените на:

.product-view .product-shop .short-description {
float: left;
width: 100%;
margin: 0 0 10px 0;
display: inline-block;
}

В main.js найдите:

// Увеличение изображения в карточке товара
$(function() {
$('a[rel="gallery"]').fancybox();
// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsImageZoom a, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
	 $('.goodsImageZoom').attr('data', $(this).attr('data'));
	 return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
});

замените на:

// Увеличение изображения в карточке товара
$(function() {
$('a[rel="gallery"]').fancybox();
// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsImageZoom a, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
	 $('.goodsImageZoom').attr('data', $(this).attr('data'));
	 return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
$('#wrap').click(function(){
$(this).closest('.product-image').find('.goodsImageZoom a').click();
});
});

1. Спасибо за помощь! Почти все так как и было задумано, только кнопки прокрутки доп. фото хотелось чтобы были такими как и в шаблоне город (см.вложение)
Это возможно?

2. Основное фото товара... вроде ничего не изменилось. Нужно чтобы при наведении курсора было так как шаблоне Город http://igrovoyray.st...mod_id=96176420 (т.е. увеличение при наведении курсора и открытие большого изображения при клике на фото

Прикрепленные изображения

Наверх

#7 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 13 Март 2016 - 13:37

Уважаемые модеры! Помогите закончить мысль с карточкой товара!

Наверх

#8 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 16 Март 2016 - 06:41

1. В этом случае придется устанавливать карусель поддерживающую вертикальное пролистывание элементов, такой вариант вас устроит?
2. Попробуйте почистить кэш браузера, так как сейчас при наведении появляется окошко с увеличенной областью изображения и при клике всплывает окно с большим фото(Проверяла в браузере Mozilla Firefox).

Наверх

#9 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 16 Март 2016 - 09:42

Vaccina (16 Март 2016 - 06:41) писал:

1. В этом случае придется устанавливать карусель поддерживающую вертикальное пролистывание элементов, такой вариант вас устроит?
2. Попробуйте почистить кэш браузера, так как сейчас при наведении появляется окошко с увеличенной областью изображения и при клике всплывает окно с большим фото(Проверяла в браузере Mozilla Firefox).

1. Если это будет работать также как в шаблоне "Город" - да устроит!
2. Здесь вопрос можно закрыть. Благодарю!

Наверх

#10 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 17 Март 2016 - 07:49

Как вариант, можно использовать следующую инструкцию:
http://forum.storela...post__p__149541

По ней загрузите файлы и подключите их в шаблоне HTML и добавить скрипт в main.js, сообщите пожалуйста как произведете изменения, чтобы я смогла написать инструкцию по внедрению карусели в раздел "другие фото"

Наверх

#11 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 17 Март 2016 - 10:26

Vaccina (17 Март 2016 - 07:49) писал:

Как вариант, можно использовать следующую инструкцию:
http://forum.storela...post__p__149541

По ней загрузите файлы и подключите их в шаблоне HTML и добавить скрипт в main.js, сообщите пожалуйста как произведете изменения, чтобы я смогла написать инструкцию по внедрению карусели в раздел "другие фото"

Сделал. Файлы загружены. В HTML код - строки вписал, в main.js строку в конец добавил.

Наверх

#12 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 18 Март 2016 - 07:11

Уточните пожалуйста, вы восстановили бэк ап или не убирали изменения? Я у вас не обнаружила подключенных файлов.
Просто в этом случае инструкция может быть не точной.
После изменений, что необходимо было произвести ранее в шаблоне Товар найдите:

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
				{% IFNOT goods_images_empty %}
				<div class="more-views fadeout">
				  <div class="slide-control prev"></div>
				  <div class="slide-control next"></div>
				  <ul class="thumblist">
						{% FOR goods_images %}
						  <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
						{% ENDFOR %}
				  </ul>
				</div>
				{% ENDIF %}

попробйте заменить на:

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
				{% IFNOT goods_images_empty %}
				<div id="vWrapper" class="more-views fadeout">
				  <ul id="carouselv" class="thumblist">
						{% FOR goods_images %}
						  <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
						{% ENDFOR %}
				  </ul>
				</div>
				{% ENDIF %}

Наверх

#13 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 18 Март 2016 - 13:25

Vaccina (18 Март 2016 - 07:11) писал:

Уточните пожалуйста, вы восстановили бэк ап или не убирали изменения? Я у вас не обнаружила подключенных файлов.
Просто в этом случае инструкция может быть не точной.
После изменений, что необходимо было произвести ранее в шаблоне Товар найдите:

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			 {% IFNOT goods_images_empty %}
			 <div class="more-views fadeout">
				 <div class="slide-control prev"></div>
				 <div class="slide-control next"></div>
				 <ul class="thumblist">
					 {% FOR goods_images %}
						 <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
					 {% ENDFOR %}
				 </ul>
			 </div>
			 {% ENDIF %}

попробйте заменить на:

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			 {% IFNOT goods_images_empty %}
			 <div id="vWrapper" class="more-views fadeout">
				 <ul id="carouselv" class="thumblist">
					 {% FOR goods_images %}
						 <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" data="{goods_images.ID}" class="cloud-zoom-gallery" rel="useZoom:'zoom1',smallImage:'{goods_images.LARGE}'"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li>
					 {% ENDFOR %}
				 </ul>
			 </div>
			 {% ENDIF %}

Да был бэкап. Все товары из списка "С этим товаром смотрят" выстоились в вертикальную линию.

Повторил все снова, опять тоже самое... Вернул назад, пока не буду возвращаться к этому вопросу... Благодарю за потраченное время!

Это скорее декоративный недостаток, очень важно с фильтром товаров вопрос решить.

Наверх

#14 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 19 Март 2016 - 02:19

Ответила вам по фильтру:
http://forum.storela...978#entry230978

Наверх

#15 evros

Активный участник

Пользователи
284 сообщений

ГородМосква

Отправлено 19 Март 2016 - 11:49

Vaccina (19 Март 2016 - 02:19) писал:

Ответила вам по фильтру:
http://forum.storela...978#entry230978

Ок, принято.

Наверх

#16 abram3

Продвинутый пользователь

Пользователи
78 сообщений

Отправлено 14 Апрель 2016 - 07:17

Добрый день!Нужна помощь.
На странице просмотра товара при наведении мышки на надпись "Увеличить изображение" стрелочка превращается в странный символ,как бы сделать так,чтобы она как и при наведении на фото менялась на стандартный(я не знаю как она называется,но выглядит как кисть руки с указательным пальцем)

Прикрепленные изображения

Наверх

#17 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 14 Апрель 2016 - 07:31

В main.css добавьте:

.goodsImageZoom:hover {
	cursor: pointer;
}

Наверх

#18 abram3

Продвинутый пользователь

Пользователи
78 сообщений

Отправлено 14 Апрель 2016 - 09:42

Спасибо!))

Наверх

#19 Mari-ina

Активный участник

Пользователи
646 сообщений

Отправлено 19 Май 2016 - 13:13

Помогите закончить с вертикальной прокруткой - доп. фото наполовину ушли за основное фото (1) и фон надо сделать белым (2), а не черным. И еще один момент: можно ли сделать так, чтобы при маленьком количестве фото, карусель автоматически уменьшалась по высоте (3). SL-384227