Перейти к содержимому


Коррекция Страницы Товара

Автор Olga2209, 06 марта 2014 14:03

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 368

#181 nrisimhi

nrisimhi

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

  • Пользователи
  • PipPipPip
  • 119 сообщений
  • ГородРостов-на-Дону

Отправлено 28 Октябрь 2015 - 10:13

Не помогло

#182 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 28 Октябрь 2015 - 10:21

Просмотр сообщенияnrisimhi (28 Октябрь 2015 - 10:13) писал:

Не помогло
Здравствуйте.
Отступ появился, скорее всего у Вас закешировалась страница и нужно очистить кэш браузера(ctrl+f5).
Сам отступ можно увеличить/уменьшать изменяя значение 10px в коде
.box-content {
	 padding-top: 10px;
}

#183 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 29 Октябрь 2015 - 09:17

добрый день.

Создал новый таб в карточке товара (замерщик).
http://santechbomba....olokno-SPK-40-m
Но почему то при открывании карточки товара таб выскакивает сразу за отзывами, а нужно что бы он корректно работал и выскакивал только когда нажимаешь на вкладку "замерщик"

PS: Таб замерщик выскакивает и при нажатии на гиперссылку  "Заказать замерщика бесплатно!"

Заказать замерщика бесплатно!

Взято с сайта santechbomba.ru
Все права защищены
посмотреть можно тут  http://santechbomba....o-blok-vert-g-m (нажать вызвать замерщика)

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

  • 131.jpg

#184 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 29 Октябрь 2015 - 09:26

Просмотр сообщенияCybernetic (29 Октябрь 2015 - 09:17) писал:

добрый день.

Создал новый таб в карточке товара (замерщик).
http://santechbomba....olokno-SPK-40-m
Но почему то при открывании карточки товара таб выскакивает сразу за отзывами, а нужно что бы он корректно работал и выскакивал только когда нажимаешь на вкладку "замерщик"

PS: Таб замерщик выскакивает и при нажатии на гиперссылку  "Заказать замерщика бесплатно!"

Заказать замерщика бесплатно!

Взято с сайта santechbomba.ru
Все права защищены
посмотреть можно тут  http://santechbomba....o-blok-vert-g-m (нажать вызвать замерщика)
Здравствуйте.
В main.css найдите код 
   #content_2, #content_3, #content_4, #content_5, #content_6  {display: none;}
и замените на 
   #content_2, #content_3, #content_4, #content_5, #content_6, #content_7 {display: none;}

#185 Cybernetic

Cybernetic

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

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 29 Октябрь 2015 - 10:05

Просмотр сообщенияDanil (29 Октябрь 2015 - 09:26) писал:

Здравствуйте.
В main.css найдите код
 #content_2, #content_3, #content_4, #content_5, #content_6 {display: none;}
и замените на
 #content_2, #content_3, #content_4, #content_5, #content_6, #content_7 {display: none;}

Спасибо, все ок.

#186 nrisimhi

nrisimhi

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

  • Пользователи
  • PipPipPip
  • 119 сообщений
  • ГородРостов-на-Дону

Отправлено 02 Ноябрь 2015 - 19:34

Просмотр сообщенияDanil (28 Октябрь 2015 - 10:21) писал:

Здравствуйте.
Отступ появился, скорее всего у Вас закешировалась страница и нужно очистить кэш браузера(ctrl+f5).
Сам отступ можно увеличить/уменьшать изменяя значение 10px в коде
.box-content {
	 padding-top: 10px;
}
Изменила 10 пикселей на 26, ничего не сдвинулось. В двух браузерах как было на первом скриншоте, так и осталось. Кэш обновляла.

#187 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 02 Ноябрь 2015 - 19:38

Просмотр сообщенияnrisimhi (02 Ноябрь 2015 - 19:34) писал:

Изменила 10 пикселей на 26, ничего не сдвинулось. В двух браузерах как было на первом скриншоте, так и осталось. Кэш обновляла.
Отступ появился(см. скриншот), очистите кэш браузера.
Screenshot_2.jpg

#188 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 19 Ноябрь 2015 - 02:42

Здравствуйте.
Помогите пожалуйста упорядочить блоки и расположение на странице товара.
1) Перенести кнопки КОЛИЧЕСТВО и КУПИТЬ под выбор модификации товара
2) Переместить фото справа от выбора модификации
3) Удалить везде где возможно кнопки возможность добавлять товар в избранное.

Помогите так же убрать
4) При наведении на товар курсора убрать количество из всплывающего окна
5) и сортировку сверху (фото 2 )

Еще я что то сделал с кнопкой корзины и во всплывающем меню, оно у меня не отображается
6) помогите вернуть (фото 2 )


7) Адаптировать в мобильной версии поле поиска (фото 3). Как то оно очень коряво сидит, хотя делал все по инструкции на форуме

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

  • исправление.jpg
  • исправление2.jpg
  • исправление3.jpg

#189 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 19 Ноябрь 2015 - 14:47

Просмотр сообщенияRetina (19 Ноябрь 2015 - 02:42) писал:

Здравствуйте.
Помогите пожалуйста упорядочить блоки и расположение на странице товара.
1) Перенести кнопки КОЛИЧЕСТВО и КУПИТЬ под выбор модификации товара
2) Переместить фото справа от выбора модификации
3) Удалить везде где возможно кнопки возможность добавлять товар в избранное.

Помогите так же убрать
4) При наведении на товар курсора убрать количество из всплывающего окна
5) и сортировку сверху (фото 2 )

Еще я что то сделал с кнопкой корзины и во всплывающем меню, оно у меня не отображается
6) помогите вернуть (фото 2 )


7) Адаптировать в мобильной версии поле поиска (фото 3). Как то оно очень коряво сидит, хотя делал все по инструкции на форуме

ПОМОГИТЕ....

#190 RedHead

RedHead

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

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

Отправлено 19 Ноябрь 2015 - 18:02

Просмотр сообщенияRetina (19 Ноябрь 2015 - 14:47) писал:

ПОМОГИТЕ....

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

Вопрос №3
В шаблоне Товар удалите блок кода в комментариях
<!-- Если есть возможность добавить товар в избранное -->
...
...
...
<!-- END Если есть возможность добавить товар в избранное -->
Он встречается два раза.

Вопрос №1 и 2
В шаблоне Товар найдите блок кода
<!-- Добавление в корзину -->
...
...
...
<!-- /Добавление в корзину -->
и удалите его.

Далее в этом же шаблоне найдите и удалите строки
{% IF GOODS_MOD_REST_VALUE>0 %}
		  <input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		  {% ENDIF %}

и (на 263 строке начало)

<!-- Блок выбора модификаций для текущей товарной позиции -->
		<div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		  {% FOR goods_modifications_properties %}
	  <div class="goodsDataMainModificationsBlockProperty">
	   <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
	   {% FOR values %}
		<!-- Если это первый элемент в списке -->
		{% IF goods_modifications_properties.values.first %}
		  <strong>{goods_modifications_properties.NAME}:</strong><br />
		  <select name="form[properties][]">
		{% ENDIF %}
			<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
		<!-- Если это последний элемент в списке -->
		{% IF goods_modifications_properties.values.last %}
		  </select>
		{% ENDIF %}
		{% ENDFOR %}
		</div>				 
	  {goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}

Теперь в шаблоне Товар найдите строки
<!-- По этому значению производится заказ товара -->
	 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
и после них вставьте

<div class="goodsDataMainModificationsBlock description">
			<div>
				 <{% FOR goods_modifications_properties %}
	   <div class="goodsDataMainModificationsBlockProperty" style="max-width: 37%;display: inline-block;vertical-align: top;">
	   <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
	   {% FOR values %}
		<!-- Если это первый элемент в списке -->
		{% IF goods_modifications_properties.values.first %}
		  <strong>{goods_modifications_properties.NAME}:</strong><br />
		  <select name="form[properties][]">
		{% ENDIF %}
			<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
		<!-- Если это последний элемент в списке -->
		{% IF goods_modifications_properties.values.last %}
		  </select>
		{% ENDIF %}
		{% ENDFOR %}
	  {goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}
			 <!-- Добавление в корзину -->
		<div class="cart">
		  <div>
			 <div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
			  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
			  <span class="qty-plus">+</span>
		</div>
		   
			<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		  </div>
		  {% IF GOODS_MOD_REST_VALUE>0 %}
		  <input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		  {% ENDIF %}
		</div>
		
		<!-- /Добавление в корзину -->
		</div>
		<div class="goodsDataMainModificationsDescriptionBlock">
	   <img src="http://st.storeland.net/12/1773/109/iphone6s-plus-gray-select-2015.png" alt="">
	 </div>
	</div>
	   </div>

Затем в шаблоне main.css найдите строку
input.button_cart_product {background-color:#1e8cdc;margin-left: 15px;}
и замените на:
input.button_cart_product {background-color:#1e8cdc;margin-left: 10px;margin-top: 3px;}

и в конец шаблона вставьте
.goodsDataMainModificationsDescriptionBlock {width: 63%;
	display: inline-block;}

#191 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 19 Ноябрь 2015 - 19:22

Просмотр сообщенияRedHead (19 Ноябрь 2015 - 18:02) писал:

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




Прям волшебство какое-то. Спасибо, почти все получилось, только вот фото модификации задваивается теперь.
И избранное не пропало, а съехало вниз.

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

  • 2.jpg

#192 RedHead

RedHead

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

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

Отправлено 19 Ноябрь 2015 - 19:48

Просмотр сообщенияRetina (19 Ноябрь 2015 - 19:22) писал:

Прям волшебство какое-то. Спасибо, почти все получилось, только вот фото модификации задваивается теперь.
И избранное не пропало, а съехало вниз.

1) Необходимо в шаблоне Товар удалить весь код между строк
<!-- Если есть возможность добавить товар в избранное -->
...
...
...
<!-- END Если есть возможность добавить товар в избранное -->
Он встречается 2 раза.

2) После строк
<div class="goodsDataMainModificationsBlock description">
<div>
удалите пожалуйста лишнюю "<"

3) В этом же шаблоне удалите строки
<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
{GOODS_MOD_DESCRIPTION}
</div>


Пришлите пожалуйста уточняющий скрин к вопросу №4 из поста 190.

#193 RedHead

RedHead

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

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

Отправлено 19 Ноябрь 2015 - 20:35

Просмотр сообщенияRetina (19 Ноябрь 2015 - 02:42) писал:

Здравствуйте.
Помогите так же убрать
4) При наведении на товар курсора убрать количество из всплывающего окна
5) и сортировку сверху (фото 2 )

5) Чтобы убрать сортировку, добавьте в конец шаблона main.css строку
.product-filter {display: none;}

4) В шаблоне Товары найдите код:
<div class="plus_minus_quantity">
				   <span class="qty-minus">-</span>
				  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
				  <span class="qty-plus">+</span>
				</div>
и замените на:
{% IF plus_minus_quantity = goods %}<div class="plus_minus_quantity">
				   <span class="qty-minus">-</span>
				  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
				  <span class="qty-plus">+</span>
				</div>{% ENDIF %}

#194 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 20 Ноябрь 2015 - 23:50

Просмотр сообщенияRedHead (19 Ноябрь 2015 - 19:48) писал:

Пришлите пожалуйста уточняющий скрин к вопросу №4 из поста 190.

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

На фото с другого сайта сделанного в этом же шаблоне, плюса и минуса нет.

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

и еще у меня вот такая штука появилась :(

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

  • 1.jpg
  • 2.jpg

#195 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 21 Ноябрь 2015 - 00:01

.....беда не приходит одна....
Теперь при первом входе на карточку товара:
1) фото не соответствует модификации (открывается почему то фото от 6S plus, даже при выборе планшета)
2) оно большого размера (при выборе модификации вручную уменьшается)
3) отображается не справа, как было до этого, а снова внизу.

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

  • 1.jpg
  • 2.jpg

#196 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 21 Ноябрь 2015 - 19:22

:mellow:

#197 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 23 Ноябрь 2015 - 18:50

#194 #195
Напишите пожалуйста ответы.
Спасибо.

#198 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 23 Ноябрь 2015 - 19:51

Просмотр сообщенияRetina (23 Ноябрь 2015 - 18:50) писал:

#194 #195
Напишите пожалуйста ответы.
Спасибо.

Здравствуйте.
По сообщению 196:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
				<div class="goodsDataMainModificationsDescriptionBlock">
		   <img src="http://st.storeland.net/12/1773/109/iphone6s-plus-gray-select-2015.png" alt="">
		 </div>

Замените на:
				<div class="goodsDataMainModificationsDescriptionBlock">
		  {GOODS_MOD_DESCRIPTION}
		 </div>

По сообщению 195:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
  .prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background:#ffffff;text-align:center;min-height: 120px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -252px;width: 210px;display: none;}

Замените на:
  .prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background:#ffffff;text-align:center;min-height: 100px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -252px;width: 210px;display: none;}

Найдите код:
  div.plus_minus_quantity {margin:5px 0 10px;}

Замените на:
  div.plus_minus_quantity {margin:5px 0 10px; display:none;}

Найдите код:
  a.add_to_wishlist_small {background:url('{ASSETS_IMAGES_PATH}wish_circle.png?design=spring') 50% 50% no-repeat;background-color:#333333;}

Замените на:
  a.add_to_wishlist_small {background:url('{ASSETS_IMAGES_PATH}wish_circle.png?design=spring') 50% 50% no-repeat;background-color:#333333; display:none;}

Найдите код:
  a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr {display:inline-block;vertical-align: middle;width:36px;height:36px;background:url("{ASSETS_IMAGES_PATH}cart_circle.png?design=spring") 50% 50% no-repeat;background-color#1e8cdc;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;*margin: 2px;}

Замените на:
  a.add_to_cart_small, a.add_to_wishlist_small, a.add_to_compare_small, a.delete_fvr {display:inline-block;vertical-align: middle;width:36px;height:36px;background:url("{ASSETS_IMAGES_PATH}cart_circle.png?design=spring") #1e8cdc 50% 50% no-repeat;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;*margin: 2px;}

Найдите код:
  .prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background:#ffffff;text-align:center;min-height: 120px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -252px;width: 210px;display: none;}

Замените на:
  .prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background: rgba(255,255,255,0.9);text-align:center;min-height: 100px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -154px;width: 210px;display: none;}

#199 Retina

Retina

    Пользователь

  • Пользователи
  • PipPip
  • 22 сообщений

Отправлено 24 Ноябрь 2015 - 01:15

Просмотр сообщенияFirefly (23 Ноябрь 2015 - 19:51) писал:

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


По сообщению 195:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background:#ffffff;text-align:center;min-height: 120px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -252px;width: 210px;display: none;}

Замените на:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background:#ffffff;text-align:center;min-height: 100px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -252px;width: 210px;display: none;}


Найдите код:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background:#ffffff;text-align:center;min-height: 120px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -252px;width: 210px;display: none;}

Замените на:
.prod_hold > div .prod-info-fly, .prod_hold_recent > div .prod-info-fly {background: rgba(255,255,255,0.9);text-align:center;min-height: 100px;opacity: 0; padding: 20px 5px;position: absolute;left: 0;bottom: -154px;width: 210px;display: none;}

какой из них вставлять? Меняем один и тот же код, но на 2 разных?

#200 Vaccina

Vaccina

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

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

Отправлено 24 Ноябрь 2015 - 02:44

Уточните пожалуйста, какие вопросы у вас актуальны?
Произведите последнее в инструкции изменение.
Обратно в Страница товара


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Страница товара
  6. Privacy Policy