Как изменить вид ссылки "В корзину" в модуле Jshopping Cart Ext


При размещении модуля корзины Jshopping Cart Ext на темном фоне – возникает неожиданная проблема, ссылка которая ведет на основную корзину «В корзину», практически не отличается от фона. Причина достаточно прозаичная, все ссылки в Joomla выводятся синим цветом, это прописано в строке 38 файла personal.css шаблона и соответственно, эта ссылка тоже синяя и на темном фоне не просматривается. Если навести курсор в место расположения ссылки – надпись подсвечивается и становится видимой. Но если не знать куда навести курсор, то ссылку можно и не увидеть вовсе.


Выглядит это примерно вот так:

Начинаем лечение:


1. Через Firebug находим саму ссылку – видим где она находится в коде страницы и какие стили отвечают за ее отображение.

<td colspan="2" align="right" class="goto_cart">
<a href = "/cart/view.html"> В корзину</a> </td>


Т.е. стили в этой ячейке заданы классом class="goto_cart"


2. По FTP – закачиваем к себе на компьютер весь модуль - mod_ Jshopping _Cart_ Ext


3. Через поиск Total Commander – ищем файл содержащий в тексте - goto_cart
Такой файл есть , это - mod_jshopping_cart_ext\tmpl\default.php


4. Открываем файл default.php в текстовом редакторе и по поиску ищем , где находится -
goto_cart. Отрезок кода с данным классом находится в ячейке:

<td colspan="2" align="right" class="goto_cart">
<a href = "<?php print SEFLink('index.php?option=com_jshopping&controller=cart&task=view', 1)?>"><?php if($params->get('picture_link')) print '<img src="'.JURI::root().$params->get('picture_link').'" />';?> <?php print JText::_('GO_TO_CART')?></a> </td>



5. Видим что нужная нам надпись выводится с помощью PHP:


<?php print JText::_('GO_TO_CART')?>


6. Чтобы не заморачиваться с дальнейшими изысканиями - для всего блока задаем новый
класс, типа:

<td colspan="2" align="right" class="goto_cart">
<a class="jshophedbutton" href = "<?php print SEFLink('index.php?option=com_jshopping&controller=cart&task=view', 1)?>"><?php if($params->get('picture_link')) print '<img src="'.JURI::root().$params->get('picture_link').'" />';?> <?php print JText::_('GO_TO_CART')?></a> </td>


7. Скачиваем по ftp: /components/com_jshopping/css/default.css


8. Открываем файл default.css в текстовом редакторе – добавляем новый класс с нужными
нам параметрами:

.jshophedbutton {
border: 1px solid #fff;
color: #fff !important; }



9. Проверяем результат - поменялся цвет текста на белый, вокруг текста белая рамка, при наведении курсора цвет фона (в месте расположения надписи) становится светлее. Ссылка работает - собственно на этом и все.

10. Кстати для того чтобы расположить модуль корзины в шапке сайта, можно задать такой новый класс:

<div class="cart-header" jshop_module_cart"="" style="position:absolute; top:10px; left:540px; width:480px; margin-right:10px; height:180px;><div id = ">