Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Css opmaken
 
wwessie
Member
 
Total Posts:  63
Joined:  2009-07-16
 

hey hallo,.

ik ben bezig met magento,
De default template heeft allemaal standaard boxen en plaatjes ect.

Ik wil dus graag in de css dingen veranderen.
Andere kleur rand er omheen en de achtergrond kleur anders.

Kan ik snel ergens zien wat de namen van de verschillende blokken zijn.
En in welke css ik moet werken.

Of is het juist de bedoeling een hele eigen css te maken waarin ik de verschillende blokken aanroep.

kan iemand zeggen wat het makkelijkst is en hoe dat dan in ze werk gaat.

 
Magento Community Magento Community
Magento Community
Magento Community
 
hydra
Guru
 
Avatar
Total Posts:  378
Joined:  2008-08-26
Amsterdam
 

Hoi,

Ik zou beginnen met de handleiding door te nemen.
http://www.magentocommerce.com/design_guide
Om de namen van de css en blocken te zien kun je template hints aanzetten.
.

 
Magento Community Magento Community
Magento Community
Magento Community
 
wwessie
Member
 
Total Posts:  63
Joined:  2009-07-16
 

Deze handleiding heb ik doorgenomen,
ze zeggen echter niks over de css benamingen.
De design guide is veel te oppervlakkig en vertel meer hoe het werkt en waarvoor maar ze gaan niet dieper in op de materie.

Een overzicht van hoe alles heet hebben ze dus ook niet dus moet alles zelf gaan opzoeken door middel van de hints of firebug.
En kan je beter de bestaande css behouden. Of een aparte css aanmaken waar je dingen in overschrijft.

 
Magento Community Magento Community
Magento Community
Magento Community
 
MarcelP102
Member
 
Total Posts:  55
Joined:  2009-03-09
 

-dubbelpost-

 
Magento Community Magento Community
Magento Community
Magento Community
 
MarcelP102
Member
 
Total Posts:  55
Joined:  2009-03-09
 

stap 1. Download firefox
Stap 2. Download Firebug plugin voor firefox
Stap 3. Herstart firefox, open je site en rechtermuis op hetgeen dat je wilt aanpassen, klik dan “inspecteer ellement”
Je ziet nu de html en de bijpassende css van dat onderdeel.

Edit: nvm zie al dat je firebug gebruik.

 
Magento Community Magento Community
Magento Community
Magento Community
 
wwessie
Member
 
Total Posts:  63
Joined:  2009-07-16
 

Yes,
Er is dus geen andere manier.
Je moet lekker alles opzoeken en koppelen en weer terug taben en weer opzoeken en aanpassen.
Jammer dat ze dat niet wat netter hebben gedaan, gelukkig hebben ze niet honderd verschillende classes aangemaakt :S
Het is effe wat werk denk ik maar als je het eenmaal heb kan je gaan als een trein.

 
Magento Community Magento Community
Magento Community
Magento Community
 
hydra
Guru
 
Avatar
Total Posts:  378
Joined:  2008-08-26
Amsterdam
 

Hoi,

En niet vergeten een eigen template aan te maken voor je aanpassingen anders word alles bij een update weer overschreven.
.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top