Оформление таблицы под категорий, как в главном каталоге - Дизайн и оформление

Здравствуйте. Проблемка такая, до этого с оформлением справлялся самостоятельно, но сейчас зашел в тупик. Собственно в jshopping есть подкатегории и когда заходишь в главную категорию дальше идет таблица под категорий, смотрите скриншот.

Так вот таблица эта сделана по топорному и не красиво, хотелось бы её оформить в таком виде, как вид главных категорий.

За оформление таблицы главных категорий отвечает данный код, в файле шаблона по пути localhost/components/com_jshopping/css/шаблон.css

/* Category list --- */

.ja-category-wrap { float: left; }

.col-first .ja-category { margin-left: 0; margin-right: 0; }

.col-last .ja-category { margin-left: 0; margin-right: 0; }

.ja-category-wrap .ja-category { margin: 2px; min-height: 100%; padding: 15px 8px; }

.ja-category-wrap .ja-category:hover { background: #000; color: #fff; }

.ja-category-short-desc { color: #808080; }

.ja-category-wrap .ja-category:hover .ja-category-short-desc { color: #fff; }

.ja-category-wrap .ja-category h3 {
   font-family: "abelregular",Arial,sans-serif;
   font-size: 140%;
   font-weight: normal;
   margin: 10px 0;
   text-transform: none;
}

.ja-category-wrap .ja-category h3 a { color: #222; text-decoration: none; }

.ja-category-wrap .ja-category h3 a:hover,
.ja-category-wrap .ja-category h3 a:focus,
.ja-category-wrap .ja-category h3 a:active { color: #fff; text-decoration: underline; }

.ja-category-wrap .ja-category:hover h3 a { color: #fff; }

.ja-category .ja-category-image img.jshop_img { background: #fff; border: 1px solid #eee; padding: 5px; margin:0 auto; }

Но к сожалению не могу разобраться, какой CSS отвечает за оформление таблицы под категорий на первом скриншоте. Google Chrome вертел так и эдак, но добиться не смог нужного результата. Есть у кого успешный опыт решения и сможете ли помочь ребята?)

надо смотреть шаблон (насколько я понимаю я-тирис) какие стили он пользует
FireBug и напильник...

П.С. часть стилей может быть размещена непосредственно в шаблоне Ж.

Эх как сложно похоже, поэтому и не смог справиться) ну буду смотреть.

а че сложного ?
посмотреть в ФБ путь к файлу со стилями?
нууу... тогда да.... еси уже сейчас руки по швам...
а может поднять их (руки)  и ударить по кнопкам в поиске решения, как пользоваться ФаерБагом ?

Да не в фб дело, стиль найти я могу. За стиль таблицы  <table class="jshop list_category"> отвечает addon.css, и еще понапиханы частички из разных template.css один из самого шаблона, другой в jat3 где то. В том то и проблема, что там все разбросано, а соединить в одно я навряд ли смогу нет достаточных знаний.

ну на локале не помогут точно.

а вот за вывод ктегории отвечает
/components/com_jshopping/templates/ШАБЛОН/category/category_default.php
там можно (нужно) подпраивть

Здорово, спасибо за подсказку. Вот код отвечающий за категорию главную maincategory.php


А вот category_default.php


Скопировал из первого во второй и получилось, то что нужно) правда левая колонка уехала вниз почему то, буду смотреть)

Скриншоты до

и после)

Ух все, методом тыка и копипаста добился результата нужного! Вот рабочий вариант)))

<div class="jshop">
<h1 class="jshop-titleheading"><?php print $this->category->name?></h1>
<?php print $this->category->description?>
<!-- Begin: Sub Category -->

<div class="ja-list-category">
<?php if (count($this->categories)){?>
    <?php foreach($this->categories as $k=>$category) { $count_category +=1; ?>
        <?php if ($k%$this->count_category_to_row==0) print "<div class=\"ja-category-row clearfix\">"; ?>
        <div class="ja-category-wrap <?php if( ($count_category % $this->count_category_to_row) == 1) { echo "col-first"; } elseif( ($count_category % $this->count_category_to_row) == 0) { echo "col-last"; } ?>" style="width: <?php print (100/$this->count_category_to_row)?>%;">
          <div class="ja-category clearfix">
             <a class="ja-category-image" href="<?php print $category->category_link;?>"><img class="jshop_img" src = "<?php print $this->image_category_path;?>/<?php if ($category->category_image) print $category->category_image; else print $this->noimage;?>" alt="<?php print htmlspecialchars($category->name);?>" title="<?php print htmlspecialchars($category->name);?>" /></a>
             <h3 class="ja-category-name"><span><a class="product_link" href = "<?php print $category->category_link?>"><?php print $category->name?></a></span></h3>
             <div class="ja-category-short-desc"><?php print $category->short_description?></div>
           </div>
        </div>   
        <?php if ($k%$this->count_category_to_row==$this->count_category_to_row-1) print '</div>'; ?>
    <?php } ?>
        <?php if ($k%$this->count_category_to_row!=$this->count_category_to_row-1) print '</div>'; ?>   
<?php } ?>
</div>

<?php include(dirname(__FILE__)."/products.php");?>
</div>

nevigen Спасибо за помощь, уже несколько раз обращался на форуме с проблемами и всегда Вы помогали. Теперь под категории красиво выводятся, всё как и хотел))

моя помощь косвенна.
работу Вы сделали сами...
с чем Вас и поздравляю..

ну на локале не помогут точно.

а вот за вывод ктегории отвечает
/components/com_jshopping/templates/ШАБЛОН/category/category_default.php
там можно (нужно) подпраивть

Премного благодарен, две недели ответ искал,... а где плюсики ставить, я не нашел...