Post by Gerrit » Wed Jan 20, 2010 3:54 am

Ik zag dat de CSS template op de contributie site is geplaatst en heb deze even uitgetest, ik moet zeggen het oogt sneller.

http://www.opencart.com/index.php?route ... ion_id=354

Hierdoor is het wel iets makkelijker om het een en ander aan te passen.

Image

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by i2Paq » Wed Jan 20, 2010 3:57 am

Geen idee welke versie dat is van de CSS template, maar ook ik heb ervaren dat hij sneller is.

Ik heb hem uit het release topic gehaald, met de losse css er later bijgeplaatst.

Er zou eigenlijk een "echte" template-goeroe naar moeten kijken om hem helemaal clean te maken.

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by Gerrit » Fri Jan 22, 2010 5:38 pm

Ik zit er wel over na tedenken om de CSS geschikt te maken voor Nederlandse gebruikers. Wij gebruiken langere woorden dan in het Engels en dan past het een en ander ineens niet meer in het scherm. Een goed voorbeeld zijn de tabjes van de producten waarin je gerelateerde prducten kan zien en de grote overzichts kaart van de winkelwagen. Alle prijzen staan door elkaar. Vaak is het aanpassen van het lettertype al genoeg.

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by i2Paq » Fri Jan 22, 2010 5:52 pm

Gerrit wrote:Ik zit er wel over na tedenken om de CSS geschikt te maken voor Nederlandse gebruikers. Wij gebruiken langere woorden dan in het Engels en dan past het een en ander ineens niet meer in het scherm. Een goed voorbeeld zijn de tabjes van de producten waarin je gerelateerde prducten kan zien en de grote overzichts kaart van de winkelwagen. Alle prijzen staan door elkaar. Vaak is het aanpassen van het lettertype al genoeg.
Maak hem gewoon geschikt voor iedereen en zet in een readme bv. waar bepaalde tabs ed. zijn aan te passen.

Just omdat blijkt dat deze css sneller werkt kunnen we er allemaal voordeel aan hebben, en misschien dat hij dan Default wordt in OC.

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by Gerrit » Fri Jan 22, 2010 6:14 pm

Maak hem gewoon geschikt voor iedereen en zet in een readme bv. waar bepaalde tabs ed. zijn aan te passen.

Just omdat blijkt dat deze css sneller werkt kunnen we er allemaal voordeel aan hebben, en misschien dat hij dan Default wordt in OC.
Dit was ook mijn eerste gedachte.

CSS echter kan gebruik maken van de selector lang. Hierdoor is het mogelijk om voor de Engelse versie de normale CSS te gebruiken. Echter als het de NL taal tegenkomt zou deze een CSS kunnen aanroepen. Ik moet me nog even inlezen en wat voorbeelden zoeken.

Misschien werkt het pas op template niveau en dat is echt te veel werk.

Als het niet lukt dan doen we het op de ouderwetse manier.

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by i2Paq » Sat Jan 23, 2010 12:56 am

Ik zou het niet TE ingewikkeld maken en gaan voor de huidige standaard.
Later kunnen we eens kijken naar het lang verhaal.

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by Gerrit » Sun Jan 24, 2010 4:27 am

In je style sheet kan je het volgende veranderen om het volgende resultaat te krijgen

Code: Select all

.tabs a {
   float: left;
   display: block;
   padding: 6px 15px 7px 15px;
   margin-right: 2px;
   border-top: 1px solid #DDDDDD;
   border-bottom: 1px solid #DDDDDD;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
   background: #FFFFFF url('../image/tab_3.png') repeat-x;
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   z-index: 1;
   position: relative;
   top: 1px;
Before:

Image

After:

Image

Tevens heb ik de template catalog/view/theme/default/checkout/cart.tpl aan moeten passen omdat ik gebruik maak van langere omschrijvingen, deze template vind je in de dowload onderaan. Heb je zelf prijzen die de 100,00 overstijgen dan dien je de template naar eigen inzicht aan te passen door een beetje met de kolom breedte te spelen.:

Before:

Image

After:

Image

Mocht in de loop met het programma nog wat tegen komen dan plaats ik dat hier.

Attachments

nieuw cart template met vaste kolommen


For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by Gerrit » Mon Jan 25, 2010 3:53 am

Ik heb nog twee templates aangepast omdat deze niet goed overkomen:

view/templates/default/checkout/guest_step_2.tpl

en

view/templates/default/checkout/shipping.tpl

before:

Image

after:

Image

Attachments

twee nieuwe tpl files


For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by Gerrit » Sat Jan 30, 2010 4:31 am

Even wat spelen met CSS kan leuke dingen opleveren. Kleurtjes zijn het nog niet, maar het is ook maar opzetje voor mijn andere webshop die op Cube Cart 3 draait. Deze gaat in zijn geheel over op OC omdat CC3 het einde nadert als php 5.3 zijn intrede gaat maken.

Image

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by i2Paq » Sat Jan 30, 2010 4:39 am

Ik gebruik de No-Tabs template van CodeBits, kijk maar even: Hier.

Ik vindt juist die tabs te druk, daarnaast zie ik die sitemap, contact en speciale aanbiedingen zo los bovenin niet zitten.
Doet me te veel aan PrestaShop denken ;)

Ik heb al de Winkelwagen uit de balk gehaald en de header-titel van de Winkelwagen module klikbaar gemaakt.
Ik wil de account pas zichtbaar hebben als men ingelogd is, net zoals men nu pas uitloggen krijgt als men ingelogd is.
Dus hou ik Home, Inloggen, Afrekenen en Aanbiedingen over.

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by Gerrit » Sat Jan 30, 2010 4:47 am

i2Paq wrote:Ik gebruik de No-Tabs template van CodeBits, kijk maar even: Hier.

Ik vindt juist die tabs te druk, daarnaast zie ik die sitemap, contact en speciale aanbiedingen zo los bovenin niet zitten.
Doet me te veel aan PrestaShop denken ;)
Deze heb ik ook al staan. Zelf denk ik dat deze versie betere kans heeft vanwege het W3C verhaal.

Het was even een speeltje en wil deze dan ook in no_tabs even maken.

Dat is nou het mooie van CSS.

Prestashop heb ik geprobeerd, versie of wat terug. Mooi, maar niet voor mij.

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by Gerrit » Sat Jan 30, 2010 4:52 am

Ik heb al de Winkelwagen uit de balk gehaald en de header-titel van de Winkelwagen module klikbaar gemaakt.
Persoonlijk vind ik dit ook de meest logische plek daarvoor.

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by Gerrit » Sun Jan 31, 2010 3:54 am

Misschien is het een leuk idee om wat ideetjes uit te wisselen.

Ik heb de All-CSS-NoTab gebruikt om toch tabjes te maken zoals afgebeeld.
De geselecteerde tab heeft blauwe letters en de mouse over rode letters.

Image

De code voor deze CSS aanpassing vindt je hier:

Code: Select all

#header .div5 h2 a:hover {
	color: #FF0000;
	background-color: #FCFCFD;
	border-left:1px solid #0A5391;
	border-right:1px solid #0A5391;
	border-top:1px solid #0A5391;
	padding-bottom: 0.7em;
}
#header .div5 h2 a.selected {
	/*background: url('../image/tab_2.png') no-repeat;*/
	color: #1E7ABD;
	/*background-color: #1E7ABD;*/
	background-color: #FCFCFD;
	border-left:1px solid #0A5391;
	border-right:1px solid #0A5391;
	border-top:1px solid #0A5391;
	padding-bottom: 0.7em;
	z-index: 3;
}

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by i2Paq » Sun Jan 31, 2010 5:22 pm

Gerrit wrote:Misschien is het een leuk idee om wat ideetjes uit te wisselen.

Ik heb de All-CSS-NoTab gebruikt om toch tabjes te maken zoals afgebeeld.
De geselecteerde tab heeft blauwe letters en de mouse over rode letters.
Kijk, dat is nog eens een leuke aanpassing!

Heb je ergens een demo draaien van deze aanpassing?

De mijne draait Hier.

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by Gerrit » Sun Jan 31, 2010 8:03 pm

Kijk, dat is nog eens een leuke aanpassing!

Heb je ergens een demo draaien van deze aanpassing?
Mijne draait hier http://www.bouweriks.nl/opencart/

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by i2Paq » Sun Jan 31, 2010 9:59 pm

Gerrit wrote:
Kijk, dat is nog eens een leuke aanpassing!

Heb je ergens een demo draaien van deze aanpassing?
Mijne draait hier http://www.bouweriks.nl/opencart/
Ziet er inderdaad netjes uit, ik ben benieuwd naar de code.

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by Gerrit » Tue Feb 02, 2010 8:55 pm

Ik ben al aardig op weg.

Image

Wel een extra divje gemaakt voor de groene balk.

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by i2Paq » Tue Feb 02, 2010 11:49 pm

Gerrit wrote:Ik ben al aardig op weg.

Image

Wel een extra divje gemaakt voor de groene balk.
Wordt dat niet te druk?

Norman in 't Veldt
Moderator OpenCart Forums

_________________ READ and Search BEFORE POSTING _________________

Our FREE search: Find your answer FAST!.

[How to] BTW + Verzend + betaal setup.


User avatar
Global Moderator

Posts

Joined
Mon Nov 09, 2009 7:00 pm
Location - Winkel - The Netherlands

Post by Gerrit » Wed Feb 03, 2010 4:05 am

i2Paq wrote:
Gerrit wrote:Ik ben al aardig op weg.

Image

Wel een extra divje gemaakt voor de groene balk.
Wordt dat niet te druk?
Jazeker, maar dat was ook even de bedoeling. ;)

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm

Post by Gerrit » Thu Feb 04, 2010 3:36 am

Ik heb eindelijk de header van de winkel klaar. Het grote werk kan gaan beginnen. CubeCart 3 naar OC 1.4.x

Image

Veel browsers getest, soms 1 pixel verschil, zie je meteen.
Ik ben ook geen photoshop figuur, dat zie je wel aan de rode auto.
Ik werk al jaren met Fireworks van hetzelfde merk.
Knoppen moeten nog wel aangepast worden. De blauwe kleur is te afwijkend.

Deze knoppen kan je zelf maken door een grote button van 200x25 pixels te maken en in twee stukken te delen.
links 8 px en rechts 192px breed. Zijn ze meteen een stuk strakker.

For modelcars cars see my OC 3.0.2.0 shop: http://www.gbcars.nl/
For Wooden Toys see my 2.3.0.2 shop: https://www.dehoutentreinenwinkel.nl/


User avatar
Active Member

Posts

Joined
Fri Nov 27, 2009 9:06 pm
Who is online

Users browsing this forum: No registered users and 9 guests