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


Переработать Карточку Товара

Автор Avora, 28 июля 2014 06:40
карточка товара изменить

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

#21 Cybernetic

Cybernetic

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

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

Отправлено 28 Август 2014 - 07:22

доброго времени суток.
Подскажите пожалуйста, как видоизменить страницу товара как на картинках внизу.
Хотелось бы вставить рисунок кнопку что бы функционал остался таким же.
Сайт = http://santechbomba.ru

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

  • card2.jpg
  • card1.jpg

#22 Danil

Danil

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

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

Отправлено 28 Август 2014 - 08:12

Просмотр сообщенияCybernetic (28 Август 2014 - 07:22) писал:

доброго времени суток.
Подскажите пожалуйста, как видоизменить страницу товара как на картинках внизу.
Хотелось бы вставить рисунок кнопку что бы функционал остался таким же.
Сайт = http://santechbomba.ru
Здравствуйте.
В шаблоне Товар найдите код
<input type="button" value="Купить" id="button-cart" class="button button_cart_product"
onsubmit="yaCounter24900764.reachGoal('BUY1'); return true;" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/>
Вырежьте его и вставьте после строки (она находиться чуть выше)
<span class="qty-plus">+</span>
Там же найдите код
	 <a href="http://santechbomba.ru/page/Nashli-deshevle" target="_blank"><input type="button" style="margin-left:110px;" value="Нашли дешевле?" class="button button_cart_product"></span></a>
И замените на
	 <a href="http://santechbomba.ru/page/Nashli-deshevle" target="_blank"><input type="button" style="margin-left:13px;" value="Нашли дешевле?" class="button button_cart_product"></span></a>
Далее в main.css найдите код
.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 12px 5px 10px 5px;
margin-bottom: 5px;
color: #4D4D4D;
height: 62px;
position: relative;
}
И замените на
.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 12px 5px 10px 5px;
margin-bottom: 5px;
color: #4D4D4D;
height: 70px;
position: relative;
}
Вы можете изменить кнопки "Быстрый заказ" и "Нашли дешевле" использую следующую структуру
Быстрый заказ:
В шаблоне Товар находим код
<div id="callme"><a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/callback?only_body=1" onclick="yaCounter24900764.reachGoal('BUY2'); return true;"><span class="cool" >Быстрый заказ</span></a></a></div>
Изменяем на
<div id="callme"><a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/callback?only_body=1" onclick="yaCounter24900764.reachGoal('BUY2'); return true;"><img src="#"></a></div>
Нашли дешевле:
В шаблоне Товар находим
<a href="http://santechbomba.ru/page/Nashli-deshevle" target="_blank"><input type="button" style="margin-left:110px;" value="Нашли дешевле?" class="button button_cart_product"></span></a>
Изменяем на
<a href="http://santechbomba.ru/page/Nashli-deshevle" target="_blank"><img src="#"></a>
Вместо src="#" нужно вставить ссылку на картинку

#23 Cybernetic

Cybernetic

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

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

Отправлено 28 Август 2014 - 09:00

Danil очень хорошо, подскажи те можно ли привести вот к такому вот виду

добавить в избранное убрать в самый низ(под  установка)
вместо него поместить еще один блок (рисунок так же как вы делали до этого)
более подробнее  на картинках внизу

Подскажите пожалуйста как сделать что при наведении курсора появлялся бы другой рисунок

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

  • card4.jpg
  • card3.jpg

#24 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 28 Август 2014 - 16:22

Просмотр сообщенияCybernetic (28 Август 2014 - 09:00) писал:

Danil очень хорошо, подскажи те можно ли привести вот к такому вот виду

добавить в избранное убрать в самый низ(под  установка)
вместо него поместить еще один блок (рисунок так же как вы делали до этого)
более подробнее  на картинках внизу

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

#25 Cybernetic

Cybernetic

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

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

Отправлено 29 Август 2014 - 06:15

batta исправил, подскажите пожалуйста как убрать избранное и добавить вместо него сервис...подробнее на картинке.
хотелось бы видоизменить так же как на картинке

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

  • card6.jpg
  • card5.jpg

#26 Alekseys

Alekseys

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

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

Отправлено 29 Август 2014 - 07:46

Просмотр сообщенияCybernetic (29 Август 2014 - 06:15) писал:

batta исправил, подскажите пожалуйста как убрать избранное и добавить вместо него сервис...подробнее на картинке.
хотелось бы видоизменить так же как на картинке
Здравствуйте. В main.css замените
.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 12px 5px 10px 5px;
margin-bottom: 5px;
color: #4D4D4D;
height: 70px;
position: relative;
}
на
.product-info .cart {
padding: 12px 5px 10px 0px;
margin-bottom: 5px;
color: #4D4D4D;
height: 70px;
position: relative;
}
затем замените
.product-info .description {
border-bottom: 1px solid #E7E7E7;
padding: 5px 5px 10px 5px;
margin-bottom: 5px;
line-height: 20px;
color: #4D4D4D;
}
на
.product-info .description {
background:url('{ASSETS_IMAGES_PATH}wish_circle.png');
padding: 5px 5px 10px 5px;
margin-bottom: 5px;
line-height: 20px;
color: #4D4D4D;
}
и замените wish_circle.png на нужную картинку. Затем
<!-- Если есть возможность добавить товар в избранное -->
				<div class="description">
				  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
						<a class="add_to_wishlist_small added"
						  data-action-is-add="0"
						  data-action-add-url="{FAVORITES_ADD_URL}"
						  data-action-delete-url="{FAVORITES_DELETE_URL}"
						  data-action-add-title="Добавить «{GOODS_NAME}» в избранное"
						  data-action-delete-title="Убрать «{GOODS_NAME}» из избранного"
						  title="Убрать «{GOODS_NAME}» из избранного"
						  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
						>Удалить из избранного</a>
						<a class="add_to_wishlist_small_text"
						  data-action-text-add="Добавить в избранное"
						  data-action-text-delete="Удалить из избранного"
						  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
						  href="#"
						>Удалить из избранного</a>
				  {% ELSE %}
						<a class="add_to_wishlist_small"
						  data-action-is-add="1"
						  data-action-add-url="{FAVORITES_ADD_URL}"
						  data-action-delete-url="{FAVORITES_DELETE_URL}"
						  data-action-add-title="Добавить «{GOODS_NAME}» в избранное"
						  data-action-delete-title="Убрать «{GOODS_NAME}» из избранного"
						  title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
						>Добавить в избранное</a>
						<a class="add_to_wishlist_small_text"
						  data-action-text-add="Добавить в избранное"
						  data-action-text-delete="Удалить из избранного"
						  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
						  href="#"
						>Добавить в избранное</a>
				  {% ENDIF %}
				</div>
				<!-- END Если есть возможность добавить товар в избранное -->
замените на
<!-- Если есть возможность добавить товар в избранное -->
				<div class="description">
				  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
						<a class="add_to_wishlist_small added"
						  data-action-is-add="0"
						  data-action-add-url="{FAVORITES_ADD_URL}"
						  data-action-delete-url="{FAVORITES_DELETE_URL}"
						  data-action-add-title="Добавить «{GOODS_NAME}» в избранное"
						  data-action-delete-title="Убрать «{GOODS_NAME}» из избранного"
						  title="Убрать «{GOODS_NAME}» из избранного"
						  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
						></a>
						<a class="add_to_wishlist_small_text"
						  data-action-text-add="Добавить в избранное"
						  data-action-text-delete="Удалить из избранного"
						  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
						  href="#"
						></a>
				  {% ELSE %}
						<a class="add_to_wishlist_small"
						  data-action-is-add="1"
						  data-action-add-url="{FAVORITES_ADD_URL}"
						  data-action-delete-url="{FAVORITES_DELETE_URL}"
						  data-action-add-title="Добавить «{GOODS_NAME}» в избранное"
						  data-action-delete-title="Убрать «{GOODS_NAME}» из избранного"
						  title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
						></a>
						<a class="add_to_wishlist_small_text"
						  data-action-text-add="Добавить в избранное"
						  data-action-text-delete="Удалить из избранного"
						  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
						  href="#"
						></a>
				  {% ENDIF %}
				</div>
				<!-- END Если есть возможность добавить товар в избранное -->
и замените 
a.add_to_wishlist_small {
background: url('http://design.santechbomba.ru/wish_circle.png') 50% 50% no-repeat;
background-color: #333333;
}
на
a.add_to_wishlist_small {
background: none;
}

#27 Cybernetic

Cybernetic

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

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

Отправлено 29 Август 2014 - 07:59

Alekseys поле добавить в избранное не нужно совсем, хотелось бы поместить туда "добавить в сравнение", но я так понимаю данную функцию сложно будет реализовать как допустим в

на сайте http://www.dns-shop....t=172433,197704 (сразу стоит сравнение )

Так же нашел решение для замены картинки при наведении курсора

<a href="http://santechbomba....u/page/montazh" target="_blank"><img src="http://st.santechbom...305/777/2r.png"
onmouseover="this.src='http://st.santechbom...7/2r1.png&#39;; "
onmouseout="this.src='http://st.santechbom...7/2r.png&#39;;" /></a>

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

#28 Vaccina

Vaccina

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

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

Отправлено 30 Август 2014 - 00:10

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

Утяжелять в данном случае будут подгружаемые картинки, поэтому необходимо следить за их весом =)

#29 Cybernetic

Cybernetic

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

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

Отправлено 01 Сентябрь 2014 - 07:08

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

В целом хотелось бы как у днс(пост выше) сделать если можно.

Сайт = http://santechbomba....mod_id=56639340

Более подробнее на картинке

Так же если вам не трудно:

Подскажите пожалуйста как в карточке товара вернуть кнопку купить(со всем функционалом - т.е. оформить заказ или положить в корзину)?
И конечно же убрать добавить в избранное

Более подробнее на картинках внизу

Сайт(скрины от  туда) = http://santechbomba....mod_id=56639340

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

  • cardtov_3.jpg
  • cardtov2.jpg
  • cardtov1.jpg

#30 Vaccina

Vaccina

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

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

Отправлено 02 Сентябрь 2014 - 03:39

Кнопка купить у вас уже вставлена и избранное убрано.
Для вставки сравнения, в шаблоне Товар найдите:
<a href="http://santechbomba.ru/page/montazh" target="_blank"><img src="http://st.santechbomba.ru/8/1312/038/1_1_.png"
onmouseover="this.src='http://st.santechbomba.ru/8/1312/039/1_2_.png'; "
onmouseout="this.src='http://st.santechbomba.ru/8/1312/038/1_1_.png';" /></a>
после него расположите:
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->
	{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		  <div class="description">
			{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
			  <a class="add_to_compare_small 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; из списка сравнения с другими товарами"
				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>
			  <a class="add_to_compare_small_text"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  >Удалить из сравнения</a>
			{% ELSE %}
			  <a class="add_to_compare_small"
				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; из списка сравнения с другими товарами"
				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>
			  <a class="add_to_compare_small_text"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  >Добавить к сравнению</a>
			{% ENDIF %}
		  </div>
	{% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->

#31 Cybernetic

Cybernetic

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

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

Отправлено 02 Сентябрь 2014 - 12:35

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

Хотелось бы, что бы вместо "купить" "+" "-" были картинки которые менялись при наведении так же как и бы "быстрый заказ"
пример = http://santechbomba....DMC-9009-150-76 (картинки есть нужен код который видоизменить вкладки "купить" "+" "-")

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

  • carders1.jpg

#32 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 02 Сентябрь 2014 - 15:17

Просмотр сообщенияCybernetic (02 Сентябрь 2014 - 12:35) писал:

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

Хотелось бы, что бы вместо "купить" "+" "-" были картинки которые менялись при наведении так же как и бы "быстрый заказ"
пример = http://santechbomba....DMC-9009-150-76 (картинки есть нужен код который видоизменить вкладки "купить" "+" "-")
Здравствуйте, не дублируйте вопросы, Вам ответили в теме
http://forum.storela...щь/page__st__20

#33 Cybernetic

Cybernetic

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

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

Отправлено 03 Сентябрь 2014 - 06:24

Ирина345 извините но иногда ждешь по 2-3 дня пока ответят, поэтому дублирую. Больше не буду.

#34 Cybernetic

Cybernetic

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

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

Отправлено 23 Сентябрь 2014 - 08:09

Доброго времени суток.
Подскажите  пожалуйста, возможно ли внедрить в карточку товара триггеры(и/либо другой инструмент) которые при нажатии на них меняли основную цену товара.
Т.е.  Есть допустим ванна гидромассажная цена у нее допустим 20000 но при добавлении какой либо опции цена увеличивалась пропорционально той опции которая была нажата(20 000 + 3 000 = 23 000), но нужно что бы это работало при заказе.
Более подробнее на картинке.

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

  • q3dm1.jpg

#35 Dars

Dars

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

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

Отправлено 23 Сентябрь 2014 - 12:11

Просмотр сообщенияCybernetic (23 Сентябрь 2014 - 08:09) писал:

Доброго времени суток.
Подскажите  пожалуйста, возможно ли внедрить в карточку товара триггеры(и/либо другой инструмент) которые при нажатии на них меняли основную цену товара.
Т.е.  Есть допустим ванна гидромассажная цена у нее допустим 20000 но при добавлении какой либо опции цена увеличивалась пропорционально той опции которая была нажата(20 000 + 3 000 = 23 000), но нужно что бы это работало при заказе.
Более подробнее на картинке.
Здравствуйте!
Таким образом реализованы модификации.

#36 Cybernetic

Cybernetic

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

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

Отправлено 23 Сентябрь 2014 - 12:53

Dars к сожалению это не то что нужно, а нужно выбор галочками как это реализовано тут - http://www.moscow3tn...lnie/omega.html

Скрин внизу

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

  • produkt2.jpg

#37 Vaccina

Vaccina

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

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

Отправлено 24 Сентябрь 2014 - 01:16

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

#38 yuragravi

yuragravi

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

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

Отправлено 13 Октябрь 2014 - 18:46

помогите пожалуйста сделать крупнее область №1
убрать область номер 2 как дублирующую в странице каждого товара

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

  • Безымянный.png

#39 AnnaM

AnnaM

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

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

Отправлено 13 Октябрь 2014 - 19:50

Просмотр сообщенияyuragravi (13 Октябрь 2014 - 18:46) писал:

помогите пожалуйста сделать крупнее область №1
убрать область номер 2 как дублирующую в странице каждого товара
1. в main.css в блоке 
.breadcrumb {
color: #777777;
margin-bottom: 5px;
font-size: 10px;
}
изменяйте значение font-size: 10px;
2. в main.css замените 
#tabs {
height: 41px;
line-height: 16px;
border-bottom: 1px solid #e1e1e1;
}
на 
#tabs {
height: 41px;
line-height: 16px;
border-bottom: 1px solid #e1e1e1;
display: none;
}

#40 Cybernetic

Cybernetic

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

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

Отправлено 27 Октябрь 2014 - 10:09

Доброго времени суток.

Подскажите пожалуйста, возможно ли создать в карточке товара триггер, "галачку" при отметки которой менялась цена в большую или меньшую сторону. Что бы при нажатии на "купить" цена была той на которой отметили триггер, "галачку". Хотим так же как тут.(картинка). Очень нужная опция в интернет-магазине, очень хотим себе.

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

  • cardet.jpg

Сообщение отредактировал Cybernetic: 27 Октябрь 2014 - 10:10

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


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

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

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