Отключен JavaScript

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

1

Убрать Страницу Товара

Автор Beliu, 02 марта 2016 13:02

Вперед

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

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

#1 Beliu

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

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

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

Здравствуйте.

1. Как убрать страницу товара(карточку) она мне в принципе вообще не нужна?

2. Сделать товар чтобы срабатывала анимация как в случае с сопутствующими товарами чтобы при наведении или нажатии просто переварачиваль картинка с описанием?

Наверх

#2 Юля123

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

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

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

Beliu (02 Март 2016 - 13:02) писал:

Здравствуйте.

1. Как убрать страницу товара(карточку) она мне в принципе вообще не нужна?

2. Сделать товар чтобы срабатывала анимация как в случае с сопутствующими товарами чтобы при наведении или нажатии просто переварачиваль картинка с описанием?

Здравствуйте, уточните номер аккаунта, пожалуйста. Посмотреть номер можно у Вас в бекофисе на вкладке аккаунт.

Наверх

#3 Beliu

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

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

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

Аккаунт SL-378093

Наверх

#4 Beliu

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

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

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

что дальше?

Наверх

#5 RedHead

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

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

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

Beliu (02 Март 2016 - 13:02) писал:

Здравствуйте.

1. Как убрать страницу товара(карточку) она мне в принципе вообще не нужна?

2. Сделать товар чтобы срабатывала анимация как в случае с сопутствующими товарами чтобы при наведении или нажатии просто переварачиваль картинка с описанием?

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

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

<!-- Вывод товаров ТАБЛИЦЕЙ -->
		 {% IF GOODS_VIEW_TYPE=1 %}
			 <div class="products grid row">
			 {% FOR goods %}
				 <div class="col-sm-4 col-md-4 product">
				 <div class="default">
					 <!-- Этикетки Новинки, Хиты, Акции -->
					 {% IF goods.IS_NEW %}
					 <span class="new"></span>
					 {% ELSEIF goods.IS_TOP %}
					 <span class="best"></span>
					 {% ENDIF %}
					 {% IF goods.MAX_DISCOUNT %}
					 <span class="sale right"></span>
					 {% ENDIF %}
					 <div class="product-img">
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="product-image">
						 <img class="goods-image-small" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					 </a>
					 </div>
					 <div class="actions not-rotation-actions">
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
						 <input type="hidden" name="hash" value="{HASH}" />
						 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						 <a class="add-cart quick" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>
						 <!--a class="add-cart" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a-->
						
						 <!-- Если есть возможность добавить товар в избранное -->
						 {% IF goods.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; из избранного"
							 href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						 ><span class="icon-heart-o"></span></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; из избранного"
							 title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						 ><span class="icon-heart-o"></span></a>
						 {% ENDIF %}
						 <!-- END Если есть возможность добавить товар в избранное -->
				
						 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						 {% IF goods.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-prodname="{goods.NAME}"
							 data-produrl="{goods.URL}"
							 data-id="{goods.ID}"
							 data-mod-id="{goods.MIN_PRICE_NOW_ID}"
							 title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
							 href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><span class="icon-loop"></span></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-prodname="{goods.NAME}"
							 data-produrl="{goods.URL}"
							 data-id="{goods.ID}"
							 data-mod-id="{goods.MIN_PRICE_NOW_ID}"
							 title="Добавить &laquo;{goods.NAME}&raquo; в список сравнения с другими товарами"
							 href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><span class="icon-loop"></span></a>
						 {% ENDIF %}
						 {% ENDIF %}
						 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					 </form>
					 </div>
					
					 <div class="product-description">
					 <div class="vertical">
						 <h3 class="product-name">
						 <a href="{goods.URL | url_amp}">{goods.NAME}</a>
						 </h3>
						 <div class="price">
						 <div class="price-box">
							 <span class="product-price">
							 <span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
							 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
								 <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
							 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
								 <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
							 {% ENDIF %}
							 </span>
						 </div>
						 </div>
					 </div>
					 </div>
				 </div>
				 </div>

на:

		 <!-- Вывод товаров ТАБЛИЦЕЙ -->
		 {% IF GOODS_VIEW_TYPE=1 %}
			 <div class="products grid row">
			 {% FOR goods %}
				 <div class="col-sm-4 col-md-4 product rotation">
					 <div class="default">
					 {% IF goods.IS_NEW %}
						 <span class="new"></span>
					 {% ELSEIF goods.IS_TOP %}
						 <span class="sale right"></span>
					 {% ENDIF %}
						 <div class="category-img">
						 <a href="{goods.URL | url_amp}" class="product-image">
							 <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="ggoods-image-medium-square" alt="{goods.NAME}">
						 </a>
						 </div>
						 <div class="product-description">
						 <div class="vertical">
							 <h3 class="product-name">
							 <a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a>
							 </h3>
							 <div class="price">
							 <div class="price-box">
								 <span class="product-price">
									 <span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
								 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
									 <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
								 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
									 <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
									 {% ENDIF %}
								 </span>
							 </div>
							 </div>
						 </div>
						 </div>
					 </div>
					 <div class="product-hover">
					 <h3 class="product-name">
						 <a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a>
					 </h3>
					 <div class="price">
						 <div class="price-box">
						 <p class="special-price">
							 <span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
						 </p>
						 <p class="old-price" style="display:none;">
							 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
							 <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
							 <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span>
						 {% ENDIF %}
						 </p>
						 </div>
					 </div>
					 <div class="product-icon">
						 <a href="{goods.URL | url_amp}">
						 <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" class="goods-image-icon" alt="{goods.NAME}">
						 </a>
					 </div>
					 <div class="short-description">
						 <p>{goods.DESCRIPTION_SHORT}</p>
					 </div>
					 <div class="actions">
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{goods.MIN_PRICE_NOW_ID}">
						 <input type="hidden" name="hash" value="{HASH}" />
						 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						 <a class="add-cart quick" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>
						 <!--a class="add-cart" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a-->
						
						 <!-- Если есть возможность добавить товар в избранное -->
						 {% IF goods.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; из избранного"
							 href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 ><span class="icon-heart-o"></span></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; из избранного"
							 title="Добавить &laquo;{goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							 ><span class="icon-heart-o"></span></a>
						 {% ENDIF %}
						 <!-- END Если есть возможность добавить товар в избранное -->
						
						 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
							 {% IF goods.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-prodname="{goods.NAME}"
								 data-produrl="{goods.URL}"
								 data-id="{goods.ID}"
								 data-mod-id="{goods.MIN_PRICE_NOW_ID}"
								 title="Убрать &laquo;{goods.NAME}&raquo; из списка сравнения с другими товарами"
								 href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><span class="icon-loop"></span></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-prodname="{goods.NAME}"
								 data-produrl="{goods.URL}"
								 data-id="{goods.ID}"
								 data-mod-id="{goods.MIN_PRICE_NOW_ID}"
								 title="Добавить &laquo;{.NAME}&raquo; в список сравнения с другими товарами"
								 href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 ><span class="icon-loop"></span></a>
							 {% ENDIF %}
						 {% ENDIF %}
						 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						 </form>
					 </div><!-- .action -->
					 </div>
				 </div>

Результат:

Чтобы при клике по товарам, карточка товара не открывалась, в шаблоне ТОВАРЫ замените строки:

<div class="product-icon">
						  <a href="{goods.URL | url_amp}">
							<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" class="goods-image-icon" alt="{goods.NAME}">
						  </a>
						</div>

на:

<div class="product-icon">
							<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" class="goods-image-icon" alt="{goods.NAME}">
						</div>

строки:

<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
				  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
					<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
				  </a>
				</div>

замените на:

<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
					<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
				</div>

(встречается 2 раза)

строки:

<div class="category-img">
							<a href="{goods.URL | url_amp}" class="product-image">
								<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="ggoods-image-medium-square" alt="{goods.NAME}">
							</a>
						  </div>

замените на:

<div class="category-img">
								<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="ggoods-image-medium-square" alt="{goods.NAME}">
						  </div>

Затем в шаблоне html замените строки:

<div class="slide col-sm-12 col-md-12">
					  <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="carousel-product-image">
						<img class="goods-image-small" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					  </a>
					  <div class="banner-text">
						<h3 class="title"><a href="{goods.URL | url_amp}">{goods.NAME}</a></h3>
					  </div>
					</div>

на:

<div class="slide col-sm-12 col-md-12">
						<img class="goods-image-small" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					  <div class="banner-text">
						<h3 class="title">{goods.NAME}</h3>
					  </div>
					</div>

строки:

<a title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" href="{recently_viewed_goods.URL}" class="product-image recently">
						  <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
						</a>
						<h3 class="product-name">
						  <a href="{recently_viewed_goods.URL}">{recently_viewed_goods.NAME}</a>
						</h3>

заменить на:

<span class="product-image recently">
						  <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}">
						</span>
						<h3 class="product-name">{recently_viewed_goods.NAME}</h3>

Наверх

#6 Beliu

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

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

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

Спасибо.  Получилось, только там где (встречается 2 раза) вторую так и не на нашел. Теперь страница товара открывается только при нажатии на имя товара что в принципе тоже не плохо)
1.Но вот и с категориями открываются только при нажатии на имя категории, а где есть и категория и товар открываются и  при нажатии на изображение?
2.так же хотелось узнать как можно перетащить иконки избранное и корзины к нижней границе (иногда описание заходит за иконки)C:\Users\Александр\Desktop
3. и хотелось бы увеличить основное изображение товара и категорий?

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

Наверх

#7 RedHead

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

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

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

Beliu (02 Март 2016 - 17:08) писал:

Спасибо.  Получилось, только там где (встречается 2 раза) вторую так и не на нашел. Теперь страница товара открывается только при нажатии на имя товара что в принципе тоже не плохо)
1.Но вот и с категориями открываются только при нажатии на имя категории, а где есть и категория и товар открываются и  при нажатии на изображение?
2.так же хотелось узнать как можно перетащить иконки избранное и корзины к нижней границе (иногда описание заходит за иконки)C:UsersАлександрDesktop
3. и хотелось бы увеличить основное изображение товара и категорий?

Чтобы убрать переход на карточку товара, при клике по названию товара,в шаблоне ТОВАРЫ замените код:

<div class="vertical">
<h3 class="product-name">
														 <a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a>
														 </h3>

на:

<div class="vertical">
														 <h3 class="product-name">
														 {goods.NAME}
														 </h3>

строки:

<div class="product-hover">
										 <h3 class="product-name">
												 <a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a>
										 </h3>

на:

<div class="product-hover">
										 <h3 class="product-name">
												 {goods.NAME}
										 </h3>

1) Первый вопрос не совсем понятен. Укажите, пожалуйста, ссылкой, или на скриншоте, откуда еще необходимо убрать ссылку на товар.

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

.goodsListForm {padding-bottom: 20px;}

на:

.goodsListForm {padding-bottom: 5px;}

3) В том же шаблоне замените строку:

#catalog .category-img img {max-width: 100%;}

на:

#catalog .category-img img {width: 95%;}

Наверх

#8 Beliu

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

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

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

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

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

Наверх

#9 RedHead

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

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

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

Beliu (02 Март 2016 - 17:47) писал:

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

В шаблоне ТОВАРЫ замените строки:

<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
										<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
								</div>

на:

<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
										<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"></a>
								</div>

Наверх

#10 Beliu

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

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

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

отлично все работает спасибо.
еще вопрос 1. можно ли из вида категории убрать лишнее пространство? (зачеркнутое убрать текст перетащить ближе к картинке)
2. как убрать количество товаров в категории

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

Наверх

#11 RedHead

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

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

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

Beliu (02 Март 2016 - 18:43) писал:

отлично все работает спасибо.
еще вопрос 1. можно ли из вида категории убрать лишнее пространство? (зачеркнутое убрать текст перетащить ближе к картинке)
2. как убрать количество товаров в категории

В main.css замените строки:

#catalog .category-img {width: 270px;height: 270px;display:table-cell;vertical-align:middle;text-align:center;background:#f2f2f2;}
#catalog .category-img-index {width: 270px;height: 270px;display:table-cell;vertical-align:middle;text-align:center;background:#f2f2f2;}

на:

#catalog .category-img {width: 270px;height: 200px;display:table-cell;vertical-align:middle;text-align:center;background:#f2f2f2;}
#catalog .category-img-index {width: 270px;height: 200px;display:table-cell;vertical-align:middle;text-align:center;background:#f2f2f2;}

Получится примерно так: (если я правильно понимаю, то в пустые места, где сейчас изображение не загружено, вы поместите свои изображения, тогда все будет выглядеть корректно.)

В шаблоне html замените строку:

{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}

на:

  {% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME}{% ENDIF %} {% ENDIF %}

Наверх

#12 Beliu

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

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

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

все получилось. но так же поменялся и товар под размер и теперь не влазит описание и уходит под корзину. может можно как то отдельно товары от категорий отредактировать или изображение как в этом скрине немного вверх ближе к цене поднять?
2. при нажатие на корзину на товаре выскакивает оформление бытрого заказа подскажите как это убрать чтобы просто добавлялся товар и дальше выбирать?
3. можно ли вместо полноценной корзины сделать с 4 шагами поставить как корзина быстрого оформления заказа и отредактировать ее (такая информация как фио, маил занимает много времени) ?

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

Наверх

#13 Beliu

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

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

Отправлено 03 Март 2016 - 16:17

Вот так можно сделать?

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

Наверх

#14 RedHead

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

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

Отправлено 03 Март 2016 - 20:54

Beliu (03 Март 2016 - 16:17) писал:

Вот так можно сделать?

Здравствуйте. ПЕРЕД ВНЕСЕНИЕМ ИЗМЕНЕНИЙ ОБЯЗАТЕЛЬНО СОЗДАЙТЕ БЭКАП!!!
В шаблоне ТОВАРЫ после строки:

<a class="add-cart quick" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>

вставьте:

</br>

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

.goods-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px}

на:

.goods-image-icon { float: left;max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px}

строку:

.goodsListForm {padding-bottom: 220px;}

замените на:

.goodsListForm {padding-bottom: 150px;}

в самый конец шаблона вставьте:

a.add-cart.quick {
float: right;
margin-right: 12px;
margin-top: -50px;
}

затем строку

.product .actions a {background: #fff;display: inline-block;height: 54px;margin: 0 -2px;padding-top: 19px;text-align: center;text-decoration: none;vertical-align: top;width: 54px;-webkit-transition: all .2s linear;transition: all .2s linear;}

замените на:

a.add-wishlist {
	 float: right;
margin-right: 11px;
	 margin-top: -8px;
}
.product .actions a {background: #fff;display: inline-block;height: 54px;padding-top: 19px;text-align: center;text-decoration: none;vertical-align: top;width: 54px;-webkit-transition: all .2s linear;transition: all .2s linear;}

Результат:

Наверх

#15 Beliu

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

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

Отправлено 03 Март 2016 - 23:46

все работает спасибо большое! а по вопросам корзины в другую тему писать?

Наверх

#16 Vaccina

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

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

Отправлено 04 Март 2016 - 04:47

Инструкция для отключения всплывающего окна при покупке и добавление анимации перелета товара в корзину:
http://forum.storela...вара-в-корзину/

Инструкция по реализации быстрого заказа на странице корзины(6ой пункт):
http://forum.storela...ие/#entry220066

Наверх

#17 Beliu

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

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

Отправлено 30 Март 2016 - 20:23

RedHead (03 Март 2016 - 20:54) писал:

Здравствуйте. ПЕРЕД ВНЕСЕНИЕМ ИЗМЕНЕНИЙ ОБЯЗАТЕЛЬНО СОЗДАЙТЕ БЭКАП!!!
В шаблоне ТОВАРЫ после строки:

<a class="add-cart quick" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>

вставьте:

</br>

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

.goods-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px}

на:

.goods-image-icon { float: left;max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px}

строку:

.goodsListForm {padding-bottom: 220px;}

замените на:

.goodsListForm {padding-bottom: 150px;}

в самый конец шаблона вставьте:

a.add-cart.quick {
float: right;
margin-right: 12px;
margin-top: -50px;
}

затем строку

.product .actions a {background: #fff;display: inline-block;height: 54px;margin: 0 -2px;padding-top: 19px;text-align: center;text-decoration: none;vertical-align: top;width: 54px;-webkit-transition: all .2s linear;transition: all .2s linear;}

замените на:

a.add-wishlist {
	 float: right;
margin-right: 11px;
	 margin-top: -8px;
}
.product .actions a {background: #fff;display: inline-block;height: 54px;padding-top: 19px;text-align: center;text-decoration: none;vertical-align: top;width: 54px;-webkit-transition: all .2s linear;transition: all .2s linear;}

Результат:

Прикрепленный файл

1.jpg

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

Наверх

#18 Vaccina

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

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

Отправлено 31 Март 2016 - 05:22

К сожалению, описание категории доступно только при заходе в саму категорию, заранее ее описание вывести не получится.

Наверх

#19 Beliu

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

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

Отправлено 08 Май 2016 - 23:02

RedHead (03 Март 2016 - 20:54) писал:

Здравствуйте. ПЕРЕД ВНЕСЕНИЕМ ИЗМЕНЕНИЙ ОБЯЗАТЕЛЬНО СОЗДАЙТЕ БЭКАП!!!
В шаблоне ТОВАРЫ после строки:

<a class="add-cart quick" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a>

вставьте:

</br>

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

.goods-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px}

на:

.goods-image-icon { float: left;max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON | divide("2")}px}

строку:

.goodsListForm {padding-bottom: 220px;}

замените на:

.goodsListForm {padding-bottom: 150px;}

в самый конец шаблона вставьте:

a.add-cart.quick {
float: right;
margin-right: 12px;
margin-top: -50px;
}

затем строку

.product .actions a {background: #fff;display: inline-block;height: 54px;margin: 0 -2px;padding-top: 19px;text-align: center;text-decoration: none;vertical-align: top;width: 54px;-webkit-transition: all .2s linear;transition: all .2s linear;}

замените на:

a.add-wishlist {
	 float: right;
margin-right: 11px;
	 margin-top: -8px;
}
.product .actions a {background: #fff;display: inline-block;height: 54px;padding-top: 19px;text-align: center;text-decoration: none;vertical-align: top;width: 54px;-webkit-transition: all .2s linear;transition: all .2s linear;}

Результат:

Прикрепленный файл

1.jpg

1. Подскажите пожалуйста а можно сделать чтобы была одна картинка при перевороте товара была другая?
2. Я дико извиняюсь за не постоянность, но все же мне теперь понадобилась карточка товара) И часть инструкций произвел в обратном порядке что нашел что нет и у меня она открывается при наведении на фото но почему то только в верхней части картинки, помогите сделать чтобы вся область при наведении открывала карточку товара. :rolleyes:

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

Наверх

#20 Юля123

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

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

Отправлено 10 Май 2016 - 16:07

Beliu (08 Май 2016 - 23:02) писал:

1. Подскажите пожалуйста а можно сделать чтобы была одна картинка при перевороте товара была другая?
2. Я дико извиняюсь за не постоянность, но все же мне теперь понадобилась карточка товара) И часть инструкций произвел в обратном порядке что нашел что нет и у меня она открывается при наведении на фото но почему то только в верхней части картинки, помогите сделать чтобы вся область при наведении открывала карточку товара. :rolleyes:

2) В main.css найдите и удалите код:

.goodsListForm {padding-bottom: 150px;}

далее найдите код:

.product .product-hover .actions {bottom: 0px;left: 0;position: absolute;text-align: center;width: 100%;}

и замените на код:

.product .product-hover .actions {top: 120px;left: -5px;position: absolute;text-align: center;width: 100%;}

Наверх

Вперед

Обратно в Страница товара

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Убрать Страницу Товара

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

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

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

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

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

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

Количество пользователей, читающих эту тему: 0

Войти

Google поиск