Pare zmian w podstawowym stylu

Ka�ka

No avatar

2008-06-21 19:27

Witam wszystkich.
Staramy się zrobić z koleżanka sklep internetowy i spodobał się nam Quick.Cart bo jest w miarę prosty w obsłudze.
Jednak jeśli chodzi o wygląd to żadnej z nas nie przypadł on do gustu.
czy ktoś był by na tyle miły i powiedział nam jak wprowadzić zmiany przedstawione na załączonym zdjęciu.
http://img80.imageshack.us/my.php?image=projektsklepuco1.jpg
Z góry dziękujemy za pomoc.
Pozdrawiam Kaśka

» Quick.Cart v3.x

ks

Makaron

Avatar: Makaron

2008-06-23 16:36

Witam serdecznie,

Większość z tych pytań jest tak popularna, że bez problemu znalazłybyście odpowiedź tutaj na forum, ale postaram się Was naprowadzić troszeczkę. Co do zmiany kolorów, ustawiania tła to wystarczy spojrzeć na schematy, które znajdują się pod tym linkiem: http://opensolution.org/Quick.Cart/docs/?id=design Bez problemu powinnyście znaleźć tam elementy, które Was interesują i dokonać modyfikacji w stylach css. Prawa kolumna też była już wałkowana na tym forum, a dokładny opis znajdziecie tutaj: http://opensolution.org/Quick.Cart/docs/?id=tips#jak_dodac_dodatkowa_prawa_kolumne Później wystarczy tylko w pliku templates/container.tpl przenieść zmienne $aBoxes[1] i $aBoxes[2] pod fragment kodu

<div id="column2">
<!-- additional column, hidden in styles -->

Ostatnia sprawa czyli opis nad wyszukiwarką jest właściwie już uwzględniony, bo w pliku container.tpl jest fragment kodu:

<label for="search">$lang[search]</label>

tyle, że ten label jest ukryty w stylach css, a więc należy w pliku plugins.css zmienić linię:

#searchForm .phrase label, #searchForm .producer label{display:none;}


na:

#searchForm .producer label{display:none;}

a następnie ustawić odpowiednio zmienną $lang['search'] w pliku lang/en.php i lang/pl.php w Waszym konkretnym przypadku w pl.php będzie to wyglądało tak:

$lang['search'] = "Znajdz w sklepie";


Jakby coś jeszcze było niejasne to postaram się pomóc.

KaÅ&#65533;ka

No avatar

2008-06-24 15:42

Dzięki bardzo za pomoc :*
Sporo nam to pomogło,i teraz następne pytanie.
Sorki jeśli zadaje pytana które już gdzieś były,sporo szukałyśmy i albo nic nie znajdujemy albo nie bardzo wiemy jak to ugryźć
Czy można ustawić żeby był dodatkowy baner na dole strony nad napisami o autorze i Powered by quick.cart..
Oraz czy zamiast napisów Kategorie,Producenci można by wstawić grafiki przedstawiające te napisy ??

Makaron =-WIELKIE DZIEKI ZA POMOC-=

Makaron

Avatar: Makaron

2008-06-25 11:23

Ad 1: Tak można wystarczy, że w pliku container.tpl przed zakończeniem znacznika </body> wstawimy kod obrazka, który ma się wyświetlać (czy tam obrazka z linkiem w zależności od potrzeb). Wklejamy najzwyklejszy kod html np:

<img src="templates/img/logo.jpg" alt="" />



Ad2: W taki najprostszy sposób można by to zrobić w ten sposób, że edytujemy plik config/lang_pl.php (dla polskiej wersji narzędzia) i do zmiennej przechowującej nazwę tego menu wstawiamy kod obrazka np:

$aMenuTypes[3] = '<img src="templates/img/logo.jpg" alt="" />';


Nie jest to idealne rozwiązanie, bo i w panelu administracyjnym zamiast nazwy będzie się wyświetlać ten obrazek, ale właściwie nie powinno to nikomu przeszkadzać. Analogiczne zmiany w razie potrzeb trzeba wykonać do kolejnego menu i wersji angielskiej strony.

sempron

No avatar

2008-06-25 11:30

Ja zrobiłem to tak.

W pliku container.tpl w dziale FOOT wpakowałem na zywca baner , akurat u mnie jest w <iframe.......> ale dziala.
Podobnie link z reklama czy obrazek.
Tylko nie skasuj stopki.

KaÅ&#65533;ka

No avatar

2008-06-30 12:49

Witam.
Dzieki za pomoc panowie:*,Makaron widać lubi dzielić sie wiedzą:)
troche nam to zajęło ale podołałyśmy :D
Dużo rzeczy wyczytrałysmy na forum ale nadal mamy problemy.
Zeby było jasne co i jak zaaczam obrazek
http://img403.imageshack.us/my.php?image=projektsklepu2ja6.jpg
Zobaczymy czy teraz pojdzie wam tak Å‚atwo :p

=-WIELKIE DZIEKI ZA POMOC-=

Makaron

Avatar: Makaron

2008-07-01 09:39

Co do pierwszego pytania to absolutnie pewien nie jestem, bo obrazek jest dość nieczytelny, ale spróbujcie edytować w templates/default.css blok #logo h1 i usunąć bordery i background albo usunąć albo ustawić na transparent. W bloku #head2 macie pewnie zapis

background:#422d1c url('img/header.jpg') no-repeat;

(ten kolor będziecie prawdopodobnie mieć tam inny zaraz po background) i należy zmienić go na:

background:url('img/header.jpg') no-repeat;



Nie wiem jak wstawiałyście ten obrazek (czy na sztywno w pliku container.tpl) czy poprzez wstawienie kodu zamiast nazwy kategorii (bo i tak można, gdzieś to ostatnio nawet opisywałem, ale jakoś znaleźć teraz nie mogę). W tym konkretnym przypadku proponuję w pliku templates/container.tpl nad zmienną $sMenu3 wstawić na sztywno obrazek. Całość może wyglądać tak:

        <img src="templates/img/logo.jpg" alt="" />
        $sMenu3

Następnie edytujemy plik templates/menu3.tpl i z bloku BEGIN HEAD usuwamy fragment kodu:

<div class="type">$aData[sMenuType]</div>

(wtedy nie będzie się wyświetlała tekstowa nazwa). Analogicznie postępujemy dla menu4.

I ostatni problem da się rozwiązać, ale tu już sprawa jest nieco bardziej skomplikowana.. Znów wytłumaczę jak powinno to być zrobione dla menu3, a analogicznie będzie należało postępować dla menu4. Edytujemy plik templates/menu3.tpl i w bloku BEGIN LIST i za fragmentem kodu

<a href="$aData[sLinkName]"

dodajemy

id="l$aData[sStyle]"

tak żeby całość wyglądała tak:

<a href="$aData[sLinkName]" id="l$aData[sStyle]" $aData[sSelected]>

W pliku templates/default.css dodajemy wpisy:

#menu3 a#l1{color:red;}
#menu3 a#l2{color:blue;}
#menu3 a#l3{color:yellow;}
#menu3 a#lL{color:black;}

Naturalnie wpiszecie sobie kolory, które chcecie aby były wyświetlane, warte podkreślenia jest, że id: l1 oznacza ostatni element.

Do góry
o nas | kontakt