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


Сделать Краткое Описание Ссылкой

краткое описание ссылка сделать

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

#1 like.hornet.6

like.hornet.6

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

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

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

По карте кликов в Яндекс.Метрике замечаю следующее:
Многие посетители для перехода на страницу товара из каталога или категории нажимают не по названию товара, а по краткому описанию. Как бы и Я сам привык нажимать по чему-то большОму.

Итак, вопрос:
Как сделать краткое описание товара в каталоге ссылкой, при этом не изменяя вида текста (без подчёркиваний и прочих отвлекающих моментов)?

Или так:
Есть ли возможность любое место, отведённое для карточки товара в категории или каталоге сделать ссылкой на данный товар, как это выделено на изображении:
краткое-описание-как-ссылка.jpg

#2 Vaccina

Vaccina

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

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

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

В шаблоне Товары найдите:
<div class="goodinfo fnt11 fntarl fleft" style="text-overflow: ellipsis;">{goods.DESCRIPTION_SHORT}</div>
замените на:
<div class="goodinfo fnt11 fntarl fleft" style="text-overflow: ellipsis;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.DESCRIPTION_SHORT}</a></div>

далее в main.css найдите:
.goodlist .goodlistmain .goodinfo {
	width: 32%;
	padding: 2% 1% 0px;
	display: block;
	height: 100%;
}
после него пропишите:
.goodlist .goodlistmain .goodinfo a {
	text-decoration: none;
	color: #000;
}


#3 like.hornet.6

like.hornet.6

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

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

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

Просмотр сообщенияVaccina (18 Ноябрь 2015 - 01:13) писал:

В шаблоне Товары найдите:
<div class="goodinfo fnt11 fntarl fleft" style="text-overflow: ellipsis;">{goods.DESCRIPTION_SHORT}</div>
замените на:
<div class="goodinfo fnt11 fntarl fleft" style="text-overflow: ellipsis;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.DESCRIPTION_SHORT}</a></div>

далее в main.css найдите:
.goodlist .goodlistmain .goodinfo {
width: 32%;
padding: 2% 1% 0px;
display: block;
height: 100%;
}
после него пропишите:
.goodlist .goodlistmain .goodinfo a {
text-decoration: none;
color: #000;
}

Отлично, всё выгладит нужным образом и работает как надо.
Спасибо.





Темы с аналогичным тегами краткое описание, ссылка, сделать

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

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