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


4 Вопроса По Оформлению Карточки Товара

Автор onmyoji, 13 нояб. 2013 14:40
свойства характеристики

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

#1 onmyoji

onmyoji

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

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

Отправлено 13 Ноябрь 2013 - 14:40

1. Как поменять кнопки "Положить в корзину" (на карточке товара) и "Оформить заказ" (в корзине) на свои кнопки? У меня есть готовые картинки кнопок.

2. Как полностью убрать функцию сравнения товаров? И, соответственно, переместить кнопку "Положить в корзину" выше, туда где была кнопка "Сравнить".

3. Как сделать свойства товара кликабельными? Чтобы можно было в один клик найти товары с такими же свойствами (например, анти-стресс).

4. Как добавить на карточку товара блок "Похожие товары"? Типа как "Сопутствующие товары", чтобы было 2 блока.

#2 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 13 Ноябрь 2013 - 15:30

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

1.
В конец файла "main.css".
Добавить код:
.goodsDataMainOrder input[type="submit"] {
	background: url('адрес до картинки');
	border: 0;
}


В конец файла "main.css".
Добавить код:
.cartFormTfootButtons input[type="submit"]:last-child {
	background: url('адрес картинки');
	border: 0;
}

#3 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 13 Ноябрь 2013 - 18:04

2. Для удаления сравнения с сайта.
В файле "Товар".
Удалить код:
<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />

В файле "HTML".
Удалить код:
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
			  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
				<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
				{% IFNOT SETTINGS_COMPARE_DISABLE %}
				  <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4>
				  <div class="contentTbodyCompare">
					{%IF COMPARE_GOODS_COUNT=0 %}
					  <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
					{% ELSE %}
					  <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
					  <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
					{% ENDIF %}
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
3. К сожалению такое сделать нельзя.
4. Для этого вам потребуется поставить галочку в Основных настройках на против пункта " Не скрывать блок «С этим товаром смотрели», если у товара есть сопутствующие товары"

#4 onmyoji

onmyoji

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

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

Отправлено 21 Ноябрь 2013 - 13:35

Спасибо! У меня еще два вопроса:

1. Можно ли на карточку товара добавить как-то сверху над фото ссылки на предыдущий и следующий товар категории? Примерно вот так:

Изображение

2. Можно ли информацию под фото товара (подробное описание, условия доставки и т.д.) оформить не один сплошным текстом, как сейчас, а в виде вкладок:

Изображение

Спасибо!

#5 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 21 Ноябрь 2013 - 18:16

1. Данную функцию невозможно реализовать т.к в карточке товара нельзя узнать какой товар следующий или предыдущий .
2. Подобная тема уже обсуждалась на форуме http://forum.storela...бов/#entry35053

#6 onmyoji

onmyoji

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

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

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

Спасибо, у меня получилось установить вкладки. Сейчас они выглядят вот так:

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

#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

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

Спасибо, у меня получилось установить вкладки. Сейчас они выглядят вот так:

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

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

#8 onmyoji

onmyoji

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

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

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

Открыла :ph34r:

#9 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 22 Ноябрь 2013 - 20:03

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

Открыла :ph34r:

Редактируем style2.css

Находим
.tabs label {
background: #B1D300;
background: -moz-linear-gradient(top, #DFF76B 0%, #C7E71F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,##DFF76B), color-stop(100%,#C7E71F));
background: -webkit-linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
background: -o-linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
background: -ms-linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
background: linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
font-size: 15px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
	float: left;
display: block;
width: 80px;
color: #537B00;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

Заменить на
.tabs label {
background: #B1D300;
background: -moz-linear-gradient(top, #DFF76B 0%, #C7E71F 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,##DFF76B), color-stop(100%,#C7E71F));
background: -webkit-linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
background: -o-linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
background: -ms-linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
background: linear-gradient(top, ##DFF76B 0%,#C7E71F 100%);
font-size: 15px;
line-height: 40px;
height: 40px;
position: relative;
padding: 0 20px;
	float: left;
display: block;
color: #537B00;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

#10 onmyoji

onmyoji

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

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

Отправлено 22 Ноябрь 2013 - 20:14

Спасибо, красота! :wub:

#11 onmyoji

onmyoji

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

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

Отправлено 22 Ноябрь 2013 - 20:54

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

Изображение

#12 onmyoji

onmyoji

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

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

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

И ещё у меня почему-то не отображается картинка перед "В корзине товаров на"

#13 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияonmyoji (22 Ноябрь 2013 - 21:11) писал:

И ещё у меня почему-то не отображается картинка перед "В корзине товаров на"

Какое изображение вы хотели бы вставить туда?

#14 onmyoji

onmyoji

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

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

Отправлено 23 Ноябрь 2013 - 11:56

Просмотр сообщенияonmyoji (22 Ноябрь 2013 - 20:54) писал:

У меня после многочисленных изменений карточки товара куда-то пропал блок с кратким описанием товара. Как его можно вернуть на место, вот сюда?
Тут же сообщение ниже был ответ, как это сделать. Куда он пропал? Я еще не успела сделать :(

Просмотр сообщенияCastiel (22 Ноябрь 2013 - 21:23) писал:

Какое изображение вы хотели бы вставить туда?
Оно там уже стоит. В коде прописано, и на сайт загружено, но почему-то не отображается.

#15 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 23 Ноябрь 2013 - 12:04

Просмотр сообщенияonmyoji (23 Ноябрь 2013 - 11:56) писал:

Тут же сообщение ниже был ответ, как это сделать. Куда он пропал? Я еще не успела сделать :(


Оно там уже стоит. В коде прописано, и на сайт загружено, но почему-то не отображается.

Для отображения картинки редактируем файл HTML
<!-- Корзина -->
	  <div id="cartInfo">
		<img src="/mini-cart.png" />
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span class="gray">0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span class="hgreen">{cart_sum.NOW}</span> {CURRENCY_NAME}<br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->

Заменить
<!-- Корзина -->
	  <div id="cartInfo">
		<img src="http://design.ecograce.ru/mini-cart.png>
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span class="gray">0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span class="hgreen">{cart_sum.NOW}</span> {CURRENCY_NAME}<br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->

#16 onmyoji

onmyoji

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

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

Отправлено 23 Ноябрь 2013 - 12:38

Спасибо, теперь она отображается, но почему-то выше текста http://ecograce.ru/c...-iz-samocvetov.
Как спустить ее пониже?

#17 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 23 Ноябрь 2013 - 13:03

Рекомендую вам поднять корзину наверх (выше поиска) т.к она налазиет на название подпунктов меню

Редактируем main.css

Находим
#cartInfo {
position: absolute;
top: 298px;
font-size: 13px;
bottom: 6px;
right: 20px;
white-space: nowrap;
}

Заменяем на
#cartInfo {
position: absolute;
top: 148px;
font-size: 13px;
bottom: 6px;
right: 30px;
white-space: nowrap;
}

#18 onmyoji

onmyoji

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

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

Отправлено 23 Ноябрь 2013 - 13:08

Ох, она раньше не налазила на меню( Это случилось 5 минут назад( Я написала это в другом разделе, так как дело в шапке.

upd: Уже все в порядке.

Сообщение отредактировал onmyoji: 23 Ноябрь 2013 - 13:24

#19 onmyoji

onmyoji

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

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

Отправлено 23 Ноябрь 2013 - 13:24

Вот, я всё починила, посмотрите сейчас: http://ecograce.ru/catalog. Маленькая иконка корзины перед "В корзине товаров на" почему-то выше остального текста.

#20 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Ноябрь 2013 - 12:08

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
#cartInfo img {
	margin: -5px 0px;
}

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


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

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

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