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


Логотип Бренда В Карточке Товара

Автор sibulba, 02 нояб. 2013 09:28

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

#21 Stasya

Stasya

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

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

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

В этом блоке найдите код 
{%ELSE%}
										 {goods_features.VALUE}
																 {%ENDIF%} {goods_features.VALUE}</td>
												 {% ENDIF %}
												 {% ENDFOR %}
										 </tr>
и замените его на 
{%ELSE%}
										 {goods_features.VALUE}
																 {%ENDIF%} </td>
												 {% ENDIF %}
												 {% ENDFOR %}
										 </tr>

В конец файла style.css добавьте блок 
.goodsDataFeatures a {color: red;}

Чтобы выровнять характеристику в том же файле найдите блок 
.goodsDataFeatures .name {
border-bottom: dotted 1px #999;
position: relative;
height: 20px;
}
и замените его на 
.goodsDataFeatures .name {
border-bottom: dotted 1px #999;
position: relative;
height: 40px;
}
Теперь найдите блок 
.goodsDataFeatures .value {
background: #fff;
border-bottom: solid 1px #fff;
display: block;
margin-bottom: -3px;
bottom: -3px;
float: left;
position: relative;
}
и замените его на 
.goodsDataFeatures .value {
background: #fff;
border-bottom: solid 1px #fff;
display: block;
margin-bottom: -3px;
bottom: -24px;
float: left;
position: relative;
}

#22 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

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

Просмотр сообщенияStasya (11 Ноябрь 2013 - 03:07) писал:

В этом блоке найдите код 
{%ELSE%}
										 {goods_features.VALUE}
																 {%ENDIF%} {goods_features.VALUE}</td>
												 {% ENDIF %}
												 {% ENDFOR %}
										 </tr>
и замените его на 
{%ELSE%}
										 {goods_features.VALUE}
																 {%ENDIF%} </td>
												 {% ENDIF %}
												 {% ENDFOR %}
										 </tr>

В конец файла style.css добавьте блок 
.goodsDataFeatures a {color: red;}
Большое спасибо, Stasya. Все получилось замечательно!

#23 Stasya

Stasya

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

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

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

Дополнила свое сообщение выше, чтобы красоту навести. :rolleyes:

#24 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

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

Просмотр сообщенияStasya (11 Ноябрь 2013 - 03:19) писал:

Дополнила свое сообщение выше, чтобы красоту навести. :rolleyes:
Спасибо!!! Теперь логотипы хоть поскорей вставлю где их нет. Где есть, теперь ровненько стоят. Все супер!

#25 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

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

Все-таки, еще один вопрос. Там где есть логотип - все супер, но если нет - скачет. Как-то подлежит исправлению?
Не критично, конечно, но лучше бы подравнять.

#26 Stasya

Stasya

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

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

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

В конец файла style.css добавьте блок  
.goodsDataFeatures td {vertical-align:middle;}
Затем найдите блок 
.goodsDataFeatures .name {
border-bottom: dotted 1px #999;
position: relative;
height: 40px;
}
и замените его на 
.goodsDataFeatures .name {
border-bottom: dotted 1px #999;
position: relative;
height: 40px;
top: -15px;
}

#27 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

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

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

В конец файла style.css добавьте блок  
.goodsDataFeatures td {vertical-align:middle;}
Затем найдите блок 
.goodsDataFeatures .name {
border-bottom: dotted 1px #999;
position: relative;
height: 40px;
}
и замените его на 
.goodsDataFeatures .name {
border-bottom: dotted 1px #999;
position: relative;
height: 40px;
top: -15px;
}
А теперь в табах съехало.

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

  • Снимок.PNG

#28 Vaccina

Vaccina

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

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

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

Попробуйте сделать следующее - в файле стилей style.css найдите

.goodsDataFeatures td {
	vertical-align: middle;
}

и замените на

.goodsDataFeatures td {
	padding: 5px;
	vertical-align: bottom;
}

далее найдите

.goodsDataFeatures .name {
	border-bottom: 1px dotted #999999;
	height: 40px;
	position: relative;
	top: -15px;
}

и замените на

.goodsDataFeatures .name {
	border-bottom: 1px dotted #999999;
	position: relative;
}

далее найдите

.goodsDataFeatures .value {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	bottom: -24px;
	display: block;
	float: left;
	margin-bottom: -3px;
	position: relative;
}

и замените на

.goodsDataFeatures .name .value {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#29 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

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

Просмотр сообщенияVaccina (13 Ноябрь 2013 - 04:12) писал:

Попробуйте сделать следующее - в файле стилей style.css найдите
Спасибо. Теперь лучше.

#30 pin

pin

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

  • Пользователи
  • PipPipPip
  • 71 сообщений
  • ГородМосква

Отправлено 21 Февраль 2014 - 11:53

Подскажите пожалуйста как сделать так что бы характеристики быль но что бы их не было видно на страницы товаров. Спасибо!

#31 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 21 Февраль 2014 - 13:48

Просмотр сообщенияVaccina (06 Ноябрь 2013 - 06:45) писал:

Можно сделать следующее - в файл стилей main.css добавить класс

.goodsData {
position: relative;
}
.goodsData > .brend {
	position: absolute;
	right: 5px;
	top: 5px;
}

после понадобиться добавить изображению <img> класс brend в итоге получиться примерно следующее

<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
<h3>Бренд</h3>
		 {% FOR goods_features%}
				 {%IF goods_features.NAME = Бренд%}<img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpg" width="200px" alt="бренд товара" /> {%ENDIF%}
		 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->

Почему-то не встаёт наверх, внизу логотип отображается нормально
ТОВАР
<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
<h3></h3>
		 {% FOR goods_features%}
				 {%IF goods_features.NAME = БРЕНД%}<img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /> {%ENDIF%}
		 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->

main.css
.goodsData {
position: relative;
}
.goodsData > .brend {
		position: absolute;
		right: 5px;
		top: 5px;
}

#32 Castiel

Castiel

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

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

Отправлено 22 Февраль 2014 - 06:53

Просмотр сообщенияsotil (21 Февраль 2014 - 13:48) писал:

Почему-то не встаёт наверх, внизу логотип отображается нормально
ТОВАР
<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
<h3></h3>
		 {% FOR goods_features%}
				 {%IF goods_features.NAME = БРЕНД%}<img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /> {%ENDIF%}
		 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->

main.css
.goodsData {
position: relative;
}
.goodsData > .brend {
	 position: absolute;
	 right: 5px;
	 top: 5px;
}

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

#33 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 22 Февраль 2014 - 10:19

Вот ссылка на товар с логоготипом

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

  • лого низ.png
  • лого как надо.png

#34 Castiel

Castiel

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

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

Отправлено 22 Февраль 2014 - 11:05

Просмотр сообщенияsotil (22 Февраль 2014 - 10:19) писал:

Вот ссылка на товар с логоготипом

Редактируем шаблон Товары
Находим и удаляем
<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
<h3></h3>
		 {% FOR goods_features%}
				 {%IF goods_features.NAME = БРЕНД%}<img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /> {%ENDIF%}
		 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->

Далее находим
</td>
				 <td class="goodsDataFormSubmitButton">

Заменяем на
<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
		 {% FOR goods_features%}
				 {%IF goods_features.NAME = БРЕНД%}<img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /> {%ENDIF%}
		 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->
</td>
				 <td class="goodsDataFormSubmitButton">

#35 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 22 Февраль 2014 - 16:23

Классно, спасибо! А есть ли возможность сделать из этой картинки кнопку-ссылку, которая при нажатии перекидывает в категорию-бренд.
Допустим логотип в карточке товара Dosa и при нажатии на этот логотип , чтобы открывалась категория Dosa с товарами этого бренда.
Спасибо!

#36 Сake

Сake

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

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

Отправлено 25 Февраль 2014 - 01:03

Вам необходимо просто изображение обвернуть в ссылку (тег <a>) получиться что-то вроде

<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
				 {% FOR goods_features%}
								 {%IF goods_features.NAME = БРЕНД%}<a href="Адрес страницы"><img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /></a> {%ENDIF%}
				 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->
</td>
								 <td class="goodsDataFormSubmitButton">

После останется заменить "Адрес страницы" на соответствующий адрес вашей страницы брендов.

#37 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 25 Февраль 2014 - 10:11

Если я правильно понял, что данный код позволит при клике по логотипу бренда перейти на страницу с категориями брендов, однако меня интересует возможно ли выполнить переход на страницу БРЕНДА по логотипу которого кликнули. Сделать привязку что-то вроде в карточке товара есть характеристика товара БРЕНД logo при клике по логотипу открывает страницу с каталогом этого БРЕНДа logo

#38 Сake

Сake

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

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

Отправлено 26 Февраль 2014 - 00:55

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

<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
								 {% FOR goods_features%}
																 {%IF goods_features.NAME = БРЕНД%}<a href="/catalog/{%IF goods_features.NAME}"><img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /></a> {%ENDIF%}
								 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->
</td>
																 <td class="goodsDataFormSubmitButton">

Аналогично будет и с значением бренда. Например

<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
								 {% FOR goods_features%}
																 {%IF goods_features.NAME = БРЕНД%}<a href="/catalog/{%IF goods_features.VALUE}"><img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /></a> {%ENDIF%}
								 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->
</td>
																 <td class="goodsDataFormSubmitButton">

#39 sotil

sotil

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

  • Пользователи
  • PipPipPipPip
  • 413 сообщений
  • ГородЕкатеринбург

Отправлено 26 Февраль 2014 - 21:01

Просмотр сообщенияСake (26 Февраль 2014 - 00:55) писал:

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

<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
								 {% FOR goods_features%}
																 {%IF goods_features.NAME = БРЕНД%}<a href="/catalog/{%IF goods_features.NAME}"><img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /></a> {%ENDIF%}
								 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->
</td>
																 <td class="goodsDataFormSubmitButton">

Аналогично будет и с значением бренда. Например

<!-- Блок характеристик товара. Бренд и его изображение -->
{% IFNOT goods_features_empty %}
								 {% FOR goods_features%}
																 {%IF goods_features.NAME = БРЕНД%}<a href="/catalog/{%IF goods_features.VALUE}"><img class="brend" src="{ASSETS_IMAGES_PATH}{goods_features.VALUE}.jpeg" width="80px" alt="бренд товара" /></a> {%ENDIF%}
								 {% ENDFOR %}
{% ENDIF %}
<!-- END Блок характеристик товара. Бренд и его изображение -->
</td>
																 <td class="goodsDataFormSubmitButton">

Извините , что-то я не разобрался как этим пользоваться:
В чём отличие этих 2 кодов?
После установки любого кода , при клике по логотипу открывается 400. Будьте добры ещё поподробней.
Спасибо!

#40 Сake

Сake

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

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

Отправлено 27 Февраль 2014 - 01:53

Отличие в том что для подстановки адреса бренда используются разные значение. В первом варианте это имя характеристики ({%IF goods_features.NAME}), во втором варианте это значение характеристики ({%IF goods_features.VALUE}). У вас должно быть задано имя или значение характеристики в точности как это же значение или имя задано в адресной строке бренда или другой странице. Адрес /catalog/{%IF goods_features.VALUE} или /catalog/{%IF goods_features.NAME} должен существовать. Например у вас есть характеристика Бренд, значения данной характеристики samsung (Бренд -> samsung). В результате адрес вида /catalog/{%IF goods_features.VALUE} будет изменен на /catalog/samsung
Обратно в Другие вопросы


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

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

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