Page 1 of 1
esshop 1.0.1 - how does one edit its CSS and HTML?
Posted: Tue Sep 04, 2007 1:59 am
by hawarkarem
Hi all,
I just installed this module and it all works fine but I'd like to change how it looks and where things are placed but I'm not sure how to do that?
Can anyone help?
Thank you very much.
Re: esshop 1.0.1 - how does one edit its CSS and HTML?
Posted: Tue Sep 04, 2007 11:11 pm
by hawarkarem
Sorry to bump this but does anyone know? even a link in the right direction?
Thank you!
Re: esshop 1.0.1 - how does one edit its CSS and HTML?
Posted: Wed Sep 05, 2007 1:49 am
by Dr.CSS
If it has an interface eg,. a tab/link in extensions, etc. then it may have tabs in it to choose/look at/edit templates if so you should see some div id or class calls or some places to add your own...
You may find IDs or class calls by rendering a page, if I had a link to a running example I could tell you them, look at the pages source view for where the module shows up for them...
Re: esshop 1.0.1 - how does one edit its CSS and HTML?
Posted: Sun Sep 09, 2007 3:22 am
by michelG
Hawarkarem,
If you followed Mark's suggestion, you probably found-out the stylesheet location within the modules/esshop/templates/lightwhite directory.
I just installed eSShop for the first time, and it looks like the original "Lightwhite" store templates can all be duplicated to then be customized to your liking. But without ANY documentation that could be a little tricky. I'll give it a try myself at some point.
Good luck!
Michel
Re: esshop 1.0.1 - how does one edit its CSS and HTML?
Posted: Sun Sep 30, 2007 9:00 pm
by hawarkarem
Hiya Michel,
how did you get on with this?
I'm still having trouble with it. I'm still a beginner at all and because there's no documentaion at all, its really difficult trying to find out and link the CSS to the PHP/HTML.
Hope yours worked out ok.
Hawar
Re: esshop 1.0.1 - how does one edit its CSS and HTML?
Posted: Mon Oct 01, 2007 2:02 am
by michelG
Sorry Hawar. Didn't have a chance to work on this yet. It may be a while...a lot of work in front of me.
If you just plan to change the fonts, colors, spacing, within the original grid, I would just create a store with the "LightWhite" template. When done, you can just output the source files to find the different style names used for the store component. With that info, you then can easily edit the stylesheet(s) used by the module and copy them back in their original folder location.
For a complete layout structure change that is more difficult. The key is to reformat the HTML/CSS around the programming codes. Depending how it was done it can very confusing or not.
Whatever you do...back-up all originals first!
Michel
Re: esshop 1.0.1 - how does one edit its CSS and HTML?
Posted: Mon Oct 01, 2007 10:07 am
by hawarkarem
I'll give it a go later tonight and let you know what I come up with. Thanks for ya help!