Форумчане, приветствую, прошу вашей помощи по программированию и CSS.
Сначала проблема, потом история (кому интересно)
Проблема:1. Есть страница со списком товаров
http://ft-96.ru/index.php/shop/kuhСделал так, что при наведении на иконку с фотоаппаратом появляется всплывающее изображение товара.
Если картинки нет, то появляется стандартный noimage. Сделал я это так:
{tip <img class="tooltip-img-400" src="<?php print str_replace("thumb", "full", $product->image)?>" />} <img class="jshop_img" src="<?php if ($product->image) print ('/images/littlephoto.png')?>" alt="<?php print htmlspecialchars($product->name);?>" />{/tip}
tip нужен для вызова плагина всплывающих подсказок (взял из этой темы
http://joomlaforum.ru/index.php/topic,298549.msg1481200.html#msg1481200)
littlephoto.png – это иконка фотоаппарата.
Нужно сделать так чтобы если у товара отсутствуют изображения, иконца фотоаппарата менялась на другую, серого цвета(условно).
Создал такую иконку, называется littlephotono.png
Попробовал сделать так, добавив else но не работает:
{tip <img class="tooltip-img-400" src="<?php print str_replace("thumb", "full", $product->image)?>" />} <img class="jshop_img" src="<?php if ($product->image) print ('/images/littlephoto.png'); else print ('/images/littlephotono.png');?>" alt="<?php print htmlspecialchars($product->name);?>" />{/tip}
Я еще не знаю php делаю методом тыка, буду дико благодарен за подсказку как сделать.
В идеале нужно чтобы и noimage во всплывашке не появлялся, если иконка фотоаппарата будет серая.
2. Около иконки фотоаппарата есть пунктир, который по словам Фаербага появляется из-за этого
nn_tooltips-link {
border-bottom: 1px dashed #cccccc;
Я не могу найти откуда берется эта шняга, подскажите как мне вычислить? Просто поиск по всем файлам задавал по этим строкам, и не находит его. Как понять где прописывается это свойство? Я проверил CSS шаблона, CSS плагина подсказок но там нет этого.
Сама история:Мне нужно было сделать вывод товаров списком, и чтобы были всплывающие изображения товаров.
Нашел готовый шаблон производства Nevigen'a (
http://nevigen.com/ru/shop/templates/shablon-kategorii-tovarov-3-v-1-vybor-stilya.html), за который ему огромный респект! Сначала собирался обратиться к нему за модернизацией шаблона, а потом попробовал сам и почти все получилось за исключением двух моментов описанных выше.
Вдруг кому полезно будет, немного разобрался с tool tips упомянутым выше. Всплывающее окно не реагировало на изменения в CSS. Оказалось нужно было сделать вот что: в настройках плагина отключить «Загружать стили», видимо он подтягивал их извне, и менять свойства не в CSS плагина, а в CSS моего шаблона Joomla! Оказалось, что классы были прописаны в файле bootstrap-default.css. Если кому понадобится, готов поделиться подробностями.
07.03.2024, 13:20:59