http://www.opencart.com/index.php?route ... ion_id=354
Hierdoor is het wel iets makkelijker om het een en ander aan te passen.
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.
http://www.opencart.com/index.php?route ... ion_id=354
Hierdoor is het wel iets makkelijker om het een en ander aan te passen.
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/
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.
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.
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/
Maak hem gewoon geschikt voor iedereen en zet in een readme bv. waar bepaalde tabs ed. zijn aan te passen.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.
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.
Dit was ook mijn eerste gedachte.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.
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/
Ik zou het niet TE ingewikkeld maken en gaan voor de huidige standaard.
Later kunnen we eens kijken naar het lang verhaal.
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.
In je style sheet kan je het volgende veranderen om het volgende resultaat te krijgen
Before:
After:
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:
After:
Mocht in de loop met het programma nog wat tegen komen dan plaats ik dat hier.
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;After:
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:
After:
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/
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:
after:
view/templates/default/checkout/guest_step_2.tpl
en
view/templates/default/checkout/shipping.tpl
before:
after:
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/
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.
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/
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.
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.
Deze heb ik ook al staan. Zelf denk ik dat deze versie betere kans heeft vanwege het W3C verhaal.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
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/
Persoonlijk vind ik dit ook de meest logische plek daarvoor.Ik heb al de Winkelwagen uit de balk gehaald en de header-titel van de Winkelwagen module klikbaar gemaakt.
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/
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.
De code voor deze CSS aanpassing vindt je hier:
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.
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/
Kijk, dat is nog eens een leuke aanpassing!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.
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.
Mijne draait hier http://www.bouweriks.nl/opencart/Kijk, dat is nog eens een leuke aanpassing!
Heb je ergens een demo draaien van deze aanpassing?
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/
Ziet er inderdaad netjes uit, ik ben benieuwd naar de code.Gerrit wrote:Mijne draait hier http://www.bouweriks.nl/opencart/Kijk, dat is nog eens een leuke aanpassing!
Heb je ergens een demo draaien van deze aanpassing?
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.
Ik ben al aardig op weg.
Wel een extra divje gemaakt voor de groene balk.
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/
Wordt dat niet te druk?Gerrit wrote:Ik ben al aardig op weg.
Wel een extra divje gemaakt voor de groene balk.
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.
Jazeker, maar dat was ook even de bedoeling.i2Paq wrote:Wordt dat niet te druk?Gerrit wrote:Ik ben al aardig op weg.
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/
Ik heb eindelijk de header van de winkel klaar. Het grote werk kan gaan beginnen. CubeCart 3 naar OC 1.4.x
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.
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/
Who is online
Users browsing this forum: No registered users and 3 guests
