0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1826 Просмотров
*

Kitokedoki

  • Осваиваюсь на форуме
  • 35
  • 2 / 0
Форумчане, приветствую, прошу вашей помощи по программированию и 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. Если кому понадобится, готов поделиться подробностями.
« Последнее редактирование: 28.10.2014, 08:45:57 от Kitokedoki »
*

nevigen

  • Moderator
  • 10308
  • 855 / 25
  • http://n*****n.com
1.
попробуйте
Код
<?php if ($product->image) { ?>
вывод того что надо при наличии изображения
<?php } else { ?>
вывод того что надо при отсутствии изображения
<?php } ?>

2.
задайте в любом подгружаемом CSS
Код
.jshop .nn_tooltips-link {border: none!important;}
« Последнее редактирование: 28.10.2014, 09:54:07 от nevigen »
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

Kitokedoki

  • Осваиваюсь на форуме
  • 35
  • 2 / 0
Nevigen, огромное вам спасибо!

CSS побежден,
По всплывашке попробовал по вашему совету вот так но реакции нет. Если подскажете в чем ошибка буду благодарен!

Код
<?php if ($product->image) { ?>

 {tip <img class="tooltip-img-400" src="<?php print str_replace("thumb", "full", $product->image)?>" />} <img class="jshop_img" src="<?php print ('/images/littlephoto.png');?>" alt="<?php print htmlspecialchars($product->name);?>" />{/tip}
<?php } else { ?>

<img class="jshop_img" src="<?php print ('/images/littlephotono.png');?>" alt="<?php print htmlspecialchars($product->name);?>" />
<?php } ?>
*

dmitry_stas

  • Легенда
  • 13152
  • 1232 / 8
насколько я помню $product->image всегда определен, просто что если картинки нет, то он равен что то типа noimage.gif или как то так. надо посмотреть чему именно он равен (echo $product->image) когда картинки нет, и проверка будет тогда такая:
Код: php
<?php if ($product->image != 'тут то, чему равен когда картинки нет') { ?>
вывод того что надо при наличии изображения
<?php } else { ?>
вывод того что надо при отсутствии изображения
<?php } ?>
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

Kitokedoki

  • Осваиваюсь на форуме
  • 35
  • 2 / 0
dmitry_stas, огромнейшее вам спасибо! У меня все получилось.
Nevigen, вас тоже благодарю еще раз!

Описываю последовательность действий, может кому поможет.
Напоминаю что php я не знаю.

Для начала я не знал как узнать значение переменной в текущий момент. Для этого в строке товара добавил <?php print($product->image)?>  
получил в каждой строке значение текущей переменной.
У товаров которые не имели картинки была строка
Код
http://имя_сайта.ru/components/com_jshopping/files/img_products/noimage.gif 
у товаров с картинками строка такого вида
Код
http://имя_сайта/components/com_jshopping/files/img_products/thumb_388a9c349d31932b518a959d32bf8fd1.png

скриншот: http://prntscr.com/50k08c

Подставил в условие которое написал  dmitry_stas
Код
http://имя_сайта.ru/components/com_jshopping/files/img_products/noimage.gif 
и все заработало!

Есть подозрение что можно как-то вставить это условие без указания домена, я попробовал
Код
/components/com_jshopping/files/img_products/noimage.gif 
но так не сработало)) Но главное что работает
*

Biss

  • Давно я тут
  • 972
  • 101 / 0
Цитировать
Есть подозрение что можно как-то вставить это условие без указания домена
Код
<?php if ($product->image != JUri::base().'components/com_jshopping/files/img_products/noimage.gif') { ?>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Где посмотреть варианты карточки товара

Автор itbc

Ответов: 3
Просмотров: 170
Последний ответ 19.04.2021, 08:06:25
от itbc
Удаление изображения категории внутри категории

Автор Concolor

Ответов: 34
Просмотров: 457
Последний ответ 10.04.2021, 18:11:02
от Concolor
Вывести артикул вместо кода товара в письмо клиента

Автор antony2606

Ответов: 2
Просмотров: 143
Последний ответ 09.02.2021, 17:01:25
от antony2606
Если цена 0, то вывести уточняйте цену

Автор alexwweb

Ответов: 65
Просмотров: 10958
Последний ответ 25.01.2021, 14:40:02
от kit2m2
Описание товара справа от изображения в карточке товара

Автор sifoz

Ответов: 15
Просмотров: 3727
Последний ответ 01.01.2021, 14:27:56
от nevigen