Joomla - izgled menija in transparentna košarica

Pozdravljeni,

na spletni strani za prodajo kave sem se lotil izdelave spletne trgovine in sicer sem se odločil za Joomla! + VirtueMart, ker zadošča trenutnim potrebam.

  1. Rad bi postavil kategorije v levi meni tako, da bi izgledale kot meni Key concepts.

Lahko kdo pove kaj več kako se lotit zadeve, da bo izgled enak?

Bega me namreč to, da z Joomlo še nisem delal in morda je kaka enostavna zadeva pa ne vem. Če ni enostavna pa se lahko tudi malce poglobim, le da bi potreboval napotke kje gledat in iskat.

  1. Košarica - ko daš artikel v košarico in klikneš na open se lepo prikaže vendar je ozadje transparentno in se ne vidi dobro tekst. Ravno tako je tekst premajhen in bi ga rad povečal... kako bi to reč popravil?

Hvala za branje.

7 odgovorov

Naj še povem, da sem za menu kategorij uporabil extension VirtueMart Full Category List Menu Module

Za košarico sem uporabil extension VM - Flexible Drop Down Cart

OK, zadevo glede menija sem uspel urediti s pomočjo zlatega Firebug-a seveda.

Razlaga rešitve za ostale, ki bi to potrebovali...
V kodi tega modula sem moral nekoliko spremenit dve vrstici. Imel je za dva classa hardkodirano z istimi parametri, kjer bi morali biti dve različni nastavitvi. Sedaj deluje z dvema različnima nastavitvama.

Ostaja pa problem s košarico :)

V košarici imaš div class vmCartImageModule z dodanim inline stylingom - dodaj v CSS ta class in mu določi background.

Glede velikosti fonta dodaj v CSS span class vmCartImage in mu določi font-size.

Vsaj v Firebugu to reši težavo :)

1

Za font videl da dela (za ime produkta), za background pa nisem ravno najbolje razumel.

CSS class že obstaja z imenom vmCartImageModule in ima background-color

Če je to prava vrstica potem je to ta

echo '<div class="vmCartImageModule" style="width:278px;border:1px solid;padding:5px;'.($empty_cart?'display:none;':'').'" >';
.vmCartImageModule {
    background-color:#ffffff;
    color:#000000;
}

Mi napišeš malo bolj natančno glede background color?

Sem poskusil dati v to vrstico

echo '<div class="vmCartImageModule" style="width:278px;border:1px solid;padding:5px;'.($empty_cart?'display:none;':'').'" >';

takole...

echo '<div class="vmCartImageModule" style="**background-color: #FFFFFF;**width:278px;border:1px solid;padding:5px;'.($empty_cart?'display:none;':'').'" >';

in deluje če spremenim v Firebug-u... če pa dam v kodi pa ne deluje ???

Any idea?

Kot prvič se probaj izogibati inline styling-u, v datoteki http://www.kavalasemeuse.com/modules/modvmflexibledropdowncart/css/vm-dropdown-cart.css imaš class vmCartImageModule. Pobriši inline styling in daj vse v ta class. Torej:

color:#000000;
background-color: #FFFFFF;
width:278px;
border:1px solid;
padding:5px;

Če bo background še vedno transparenten poskusi v background-color dodati !important, mislim da ti iz nekega drugega CSS pravila vleče background:none.

1

Sem iskal v fajlih in mi je našel v
/publichtml/administrator/components/comvirtuemart/html/shop.basketshortimage.php

enako vrstico katero sem spremenil in zadeva deluje. Tako sem uredil tudi velikost pisave v košarici in vse skupaj deluje normalno.

Hvala esedic! Case closed!