PDA

Zobacz pełną wersję : Jak zmieniać wygląd listy produktów w Virtuemart?



daymaker
21-10-2009, 11:49
Witam.

Od pewnego czasu męczę się z tym i postanowiłem zapytać o pomoc.

A mianowicie chcę dodać obramowanie do listy produktów w VM, ale pomimo ustawienia w style.css(w Joomli) grubości i koloru tabel nie wyświetla ich w VM. Nie wie ktos może gdzie w kodzie dodać takie obramowanie dla VM i w jakim pliku?

Jest tak...

http://technet-test.pl/fm/1.JPG

A chciałbym żeby było tak...

http://technet-test.pl/fm/2.JPG

Link do strony: http://meble-slask.pl/start?page=shop.browse&category_id=1

Szukałem już przy pomocy Firebuga, ale niezbyt mogę to znaleźć....

Proszę o pomoc. :(

pyziak
21-10-2009, 13:19
Może PA -- VM - Konfiguracja - zakładka Sklep i tam w kolumnie Układ 'Szablon kategorii'
i jak nie masz tam innych do wyboru to jak najedziesz na ikonkę: http://mpmoda.pl/images/M_images/con_info.png to będziesz miał podpowiedz jak stworzyć własny szablon ( w sensie gdzie)

daymaker
22-10-2009, 11:33
No niestety to już próbowałem i nie pomaga. Zauwayłem że w ogóle żadnych obramowań tabel mi nie wyświetla i to w tym tkwi problem. :(

sylwekb
22-10-2009, 12:51
Style do szablonu tabelarycznego produktu dodaje się w pliku components/com_virtuemart/thermes/default/templates/browse/includes/browse_listtable.tpl.php
Potem poszczególne klasy trzeba dodać do szablonu vm lub do szablonu ogólnego joomla. Sam to przerabiałem i działa świetnie.

daymaker
22-10-2009, 14:01
Style do szablonu tabelarycznego produktu dodaje się w pliku components/com_virtuemart/thermes/default/templates/browse/includes/browse_listtable.tpl.php
Potem poszczególne klasy trzeba dodać do szablonu vm lub do szablonu ogólnego joomla. Sam to przerabiałem i działa świetnie.
A więc browse_listtable.tpl.php edytowałem, udało mi się dodać tylko poziome linie <hr>, ale linii tabel nadal nie wyświetla, prawdopodobnie trzeba dodać lub zmienić jakiś parametr w CSS szablonu z VM, a nie wiem za bardzo jak i co...i w którym miejscu to dodać... :(

sylwekb
22-10-2009, 14:07
Dołącz sobie do Firefoxa Firebuga i przy pomocy jego zobaczysz jakie klasy szablonu masz edytować, a jakie pliku theme.css dla vm, tam jest wszystko. Oczywiście niektóre efekty wymagają znacznego modyfikowania css-a.

sylwekb
22-10-2009, 14:20
Podpowiem Ci np jak zmienić wygląd podkładu (dla zdjęcia), poniżej fragment odpowiadający za wygląd części tabeli ze zdjęciem. Wystarczy w css-ie dopisać stosowne upiększenia, jak kolor tła obramowanie itp

$data[$row][] = '<div id="przyklad"><a href="'.$product['product_flypage'].'" title="'.$product['product_name'].'">'
. ps_product::image_tag( $product['product_thumb_image'] )
. '</a></div>';

daymaker
22-10-2009, 15:20
Wielki dzięki dla wszystkich że usiłowaliście mi pomóc. :)

Udało mi się w końcu to zrobić dodając nowy styl css dla tej konkretnej tableli - zrobiłem to w components/com_virtuemart/thermes/default/templates/browse/includes/browse_listtable.tpl.php

dodając do linijki

$table =& new HTML_Table('width="100%");to...


class="sample"'oraz zdefiniowałem css dla tej klasy(dodałem go na sam koniec pliku php i działa :p)


<style type="text/css">
table.sample {
alighn: center;
margin: 2px;
border-width: 1px 1px 1px 1px;
border-spacing: 2px;
border-style: none none none none;
border-color: gray gray gray gray;
border-collapse: collapse;
background-color: white;
}
table.sample th {
border-width: 1px 1px 1px 1px;
padding: 0px 0px 0px 0px;
border-style: inset inset inset inset;
border-color: gray gray gray gray;
background-color: rgb(221, 224, 220);
-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
</style>

<table class="sample">
<tr>
</tr>
</table>
Pozdrawiam.