подправить вывод товаров в категории - [VM1] Дизайн, оформление

здравствуйте )
подскажите где подправить чтобы товары в категории были как бы квадратиками ?))
сейчас имеем следующее:
http://www.mirsveta.net/index.php?page=shop.browse&category_id=113&option=com_virtuemart&Itemid=53

а нужно чтобы вот так, как в k2 к меня, видите такими квадратиками подкатегории выделены
http://www.mirsveta.net/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=92

где задать рамочку фоткам нашел а вот где сам товар выделить фоном что то не найду.

и еще скажите, можно ли вообще товар выводить на фоне вот такой картинки? (ну или любой другой) если ДА - где это задается?


joomla 1.5.21 vm 1.1.5
Страница отображения категории: browse_3
Просмотр представления (fly-страницы) категории: flypage.tpl

чего тут сложного, юзай цээсэс (CSS) через FireBug (только в Firefox'е) узнаешь какой у карточки товара класс и ид и вперёд. дримвивер тебе в помощь

у тебя в коде надыбал
вот такую вещь, и просто (обычно у меня локально тоже стоит Joomla+виртуемарт и поэтому) ищешь (TotalCommander тебе в помощь) в каком файле у тебя сидит етот класс, если он объявлен. и переделываешь его.

кажись так

я знаю,я это нашел )) но как задать фон так и не понял. пробовал background:код цвета , color:код цвета, хрен знает как сделать.. вот и спрашиваю по этому.

я знаю,я это нашел )) но как задать фон так и не понял. пробовал background:код цвета , color:код цвета, хрен знает как сделать.. вот и спрашиваю по этому.

Так тебе нужно background:путь к изображению

а вот тут и прикол, я указывал путь к бакграунду в папке components\com_virtuemart\themes\default\images\ у меня в CSS выглядит так:

причем я прописывал это в ГЛАВНОМ CSS файле, который идёт с шаблоном Joomla а не с шаблонами VirtueMart. вот

я прописывал это в ГЛАВНОМ CSS файле, который идёт с шаблоном Joomla а не с шаблонами VirtueMart.

В каком CSS прописывать - не принципиально, принципиально - чтобы этот CSS грузился последним, иначе его переопределит
стиль, который будет в последнем загруженном CSS

это понятно. а по поводу поиска стиля по имени в файлах. у меня выдал что такой стиль зарыт в файле components/com_virtuemart/themes/default/theme.css

и вот собственно он:

.browseProductContainer {
   width:100%;
   padding: 3px 3px 3px 3px;
   vertical-align: top;
}

вобщем я прописал так
<div class="browseProductContainer" style="background: url(/templates/ecommerce_plazza/images/bek01.png) ;">

картинка фоном стала но у меня товар в 2 рядка идет - стало в итоге в 1 и краткое описание которое под товаром - так же в уууузенький столбик выстроилось.. щас не смотрите, убрал, и чето дц лагает, сайт открываеццо оч медленно. спасибо за подсказки.

подскажите как задать фон кодом цвета а не картинкой, ну чтобы общий фон странички так и остался белый, а сам товар (фотка + краткое описание + рейтинг товара) - были например на фоне FFFFCC

это понятно. а по поводу поиска стиля по имени в файлах. у меня выдал что такой стиль зарыт в файле components/com_virtuemart/themes/default/theme.css

и вот собственно он:

.browseProductContainer {
   width:100%;
   padding: 3px 3px 3px 3px;
   vertical-align: top;
}

вот здесь я пробовал вставлять background:код цвета - нет результатов ))

причем я прописывал это в ГЛАВНОМ CSS файле, который идёт с шаблоном Joomla а не с шаблонами VirtueMart. вот

т.е ты прописал в файле Joomla.css ?

т.е ты прописал в файле Joomla.css ?

нет. в своём, который идёт с шаблоном в папке templates

вот здесь я пробовал вставлять background:код цвета - нет результатов ))

а ты background-color не пробовал? в смысле на объединять в одном свойстве background

да.

а ты background-color не пробовал? в смысле на объединять в одном свойстве background

неа. т.е нужно прописать background-color:код цвета или что?)) не силен я в этом)

ну предположим ето серый цвет

а чтобы картинку то фоном то

background:url(../../../components/com_virtuemart/themes/default/images/uptop.png) no-repeat top center; примерно так както.

ну неужели CSS не знаешь?

А чего не получается-то?

запуталсо ..

в файле /components/com_virtuemart/themes/default/theme.css
вот это у меня
.browseProductContainer {
   width:100%;
   padding: 3px 3px 3px 3px;
   vertical-align: top;
       
}

подскажите как правильно написать что бы было как на скрине выше ) ну код цвета я сам потом какой нужно подберу)

Ну и добавляй ещё одну строчку

background: #цццццц;

Я её в файербаге просто вместо padding-a воткнул

не знаю в чем трабл - но ничего не происходит
в итоге прописано
.browseProductContainer {
   width:100%;
   padding: 3px 3px 3px 3px;
   vertical-align: top;
        background:#FFFFCC;
}

В САМОМ ФАЙЛЕ строчка background:#FFFFCC; прописана а файрбуге я ее не вижу почему то (

хм.. фон сделался, но товар на квадратики не разделяется как то. где подправить чтобы между товарами были границы? т.е чтобы фон был только где фото и описание под фото http://www.mirsveta.net/index.php?option=com_virtuemart&category_id=113&page=shop.browse&Itemid=53&limit=10&limitstart=0

поиграйся с padding и margin

зайди сюда
components\com_virtuemart\themes\default\theme.css
найди .browseProductContainer
и замени на это
.browseProductContainer  {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 2px solid #CCCCCC;
    margin: 2px;
    padding: 7px;
    vertical-align: top;
    width: 100%;
}