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

Concolor

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
В общем так... Установлена «Joomla» 3.9, «JoomShopping» 4.9, шаблон «Vina Fashion II». При наведении курсора на превьюшку товара в категории, сверху вылазит непонятная круглая хреновина с предложением посмотреть подробную информацию о товаре или сразу поместить товар в корзину:

По мне, так очень не удобно.

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

С первой частью всё просто. Решается удалением из файла /site/templates/vina_fashion_ii/html/com_jshopping/list_products/product.php соответствующего куска кода:
Код
<div class="product-hover">
   <div class="img-circle">
   <?php print $product->_tmp_var_top_buttons;?>
      <div class="buttons">
      <?php if ($product->buy_link){?>
         <div class="add-cart">
            <a class="button_buy" href="<?php print $product->buy_link?>"><?php echo JText::_('VINA_JSHOP_BUY');?></a>
         </div>
         <?php }?>
         <a class="button_detail" href="<?php print $product->product_link?>"><?php print JText::_('TPL_VINA_READ_MORE');?></a>
         <?php print $product->_tmp_var_buttons;?>
      </div>
      <?php print $product->_tmp_var_bottom_buttons;?>
   </div>
</div>
Как я понял, за отображение каждого превью товара в категории отвечает следующая часть кода в том же самом файле:
Код
<a href="<?php print $product->product_link?>">
   <img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" title="<?php print htmlspecialchars($product->name);?>" />
</a>
Как видно, картинка превью заключена в ссылку, следовательно сама картинка должна являться одной сплошной ссылкой на карточку товара.

Проблема: должна, но не является.

На практике – превьюшка не активна, ссылкой воспользоваться нельзя.

Предполагаю, что дело тут в CSS. Хотя при просмотре стилей из браузера никаких «каверзных» правил типа display:none; относительно ссылки нет.

Люди добрые, подскажите, как можно допилить сие изделие до кондиции? По идее сама ссылка есть, но как заставить её работать?
*

IToro82

  • Захожу иногда
  • 354
  • 13 / 1
Самый подробный ответ вам дадут на https://vinagecko.com/
*

Akeksandr

  • Захожу иногда
  • 390
  • 10 / 0
.product-hover {
display: none;
}
*

IToro82

  • Захожу иногда
  • 354
  • 13 / 1
Там имейдж надо в тег а обернуть и все
*

Akeksandr

  • Захожу иногда
  • 390
  • 10 / 0
Там имейдж надо в тег а обернуть и все
Не надо ничего оборачивать. Только убрать всплывашку.
*

Concolor

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
Там имейдж надо в тег а обернуть и все
В том-то и дело, там он уже обёрнут:
Код
<a href="<?php print $product->product_link?>">
   <img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" title="<?php print htmlspecialchars($product->name);?>" />
</a>


Не надо ничего оборачивать. Только убрать всплывашку.

Уже пробовал убрать всплывашку через CSS. Всплывашка исчезает, но ссылки на имадже так и не появляется. Видимо оная ссылка всё же где-то блокируется, вероятно, чтобы не мешать всплывашке.
« Последнее редактирование: 12.04.2021, 17:35:50 от Concolor »
*

Concolor

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
Самый подробный ответ вам дадут на https://vinagecko.com/
Определённо. Но я же ихь бин непонимайт)
*

kit2m2

  • Живу я здесь
  • 3269
  • 268 / 0
  • Беру сайты на полное сопровождение
Определённо. Но я же ихь бин непонимайт)
Вам в помощь - https://translate.google.ru/

Сам часто пользуюсь...  ^-^
Расширения для JoomShopping | Расширения на заказ | Сайты и магазины под ключ: Дизайн, Верстка, Программирование, СЕО-оптимизация, Сопровождение, Перенос на Joomla 4+ и JoomShopping 5+
*

Akeksandr

  • Захожу иногда
  • 390
  • 10 / 0
Уже пробовал убрать всплывашку через CSS. Всплывашка исчезает, но ссылки на имадже так и не появляется. Видимо оная ссылка всё же где-то блокируется, вероятно, чтобы не мешать всплывашке.
Если ссылка с картинки не работает, ищите что вы натворили.
По умолчанию должно работать. Проверено на этом шаблоне.
*

Concolor

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
Вот просто вставляю:

Код
.product-hover {
display: none;
}

Всплывашка исчезает, ссылка с картинки не появляется. Для верности попробую откатиться до резервной копии, когда ещё вообще ничего не менял и попробовать там. Это займёт время. Хотя сомневаюсь, потому что браузер видит нужную ссылку прекрасно, но не отображает её.
*

Akeksandr

  • Захожу иногда
  • 390
  • 10 / 0
Уже пробовал убрать всплывашку через CSS. Всплывашка исчезает, но ссылки на имадже так и не появляется. Видимо оная ссылка всё же где-то блокируется, вероятно, чтобы не мешать всплывашке.
Ещё нашёл возможный вариант.
Найдите в файле /templates/vina_fashion_ii/css/template.css  примерно строка  №1223
#sp-main-body-wrapper .block_item:hover .item_inner:before,
.top_hits_products .block_item:hover .item_inner:before
Попробуйте закомментировать бекграунд. Ну или все стили.
*

IToro82

  • Захожу иногда
  • 354
  • 13 / 1
Ох. Развели тему.
Все подобные вопросы решаются в тп разработчика шаблона
Вы же его купили
*

Concolor

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
Попробуйте закомментировать бекграунд. Ну или все стили.
Свершилось чудо! Комментирование бэкграунда ничего не дало, а вот когда закомментировал все стили ссылка заработала как надо! Спасибо Вам, душевный Вы человек! Там, конечно, косяки некоторые есть, но теперь я точно знаю, в какую сторону нужно копать! Спасибо!
*

Concolor

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
Вы же его купили
Шаблон бесплатный, так что на какую-то там особую поддержку рассчитывать не приходится..
*

Concolor

  • Осваиваюсь на форуме
  • 36
  • 0 / 0
В общем, подытожу на случай, если кому-то ещё вдруг понадобится:

Проблема с всплывающим кругляшом решилась добавлением в файл /site/templates/vina_fashion_ii/css/custom.css правила:

Код
.product-hover {
   display: none;
}

Чтобы вернуть отображение ссылки на картинках, в файле /site/templates/vina_fashion_ii/css/template.css было отредактировано правило:

Код
#sp-main-body-wrapper .block_item:hover .item_inner:before,
.top_hits_products .block_item:hover .item_inner:before {
  /*position: absolute;*/
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17,17,17,0.2);
}

Было закомментировано свойство position: absolute; Также можно изменить его значение с «absolute» на «relative» с тем же эффектом.

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

Ссылка на родительскую категорию в карточке товара

Автор diana1975

Ответов: 16
Просмотров: 1914
Последний ответ 17.09.2020, 22:41:26
от Biss
[Решено] Ссылка с list_products на закладку с отзывами

Автор dron

Ответов: 22
Просмотров: 1269
Последний ответ 24.01.2020, 00:19:29
от dron
Разные сообщения после оформления заказа JoomShopping

Автор MadKitty

Ответов: 1
Просмотров: 774
Последний ответ 16.04.2019, 10:14:48
от MadKitty
Некорректно открываются изображения товаров - не работает lightbox

Автор Galiakberow

Ответов: 17
Просмотров: 1113
Последний ответ 12.07.2017, 22:08:28
от dmitry_stas
Ссылка на информацию о продавце в списке товаров

Автор elenalerkh

Ответов: 0
Просмотров: 751
Последний ответ 26.08.2016, 01:24:20
от elenalerkh