esshop 1.0.1 - how does one edit its CSS and HTML?

[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.

[hawarkarem]

Sorry to bump this but does anyone know? even a link in the right direction?

Thank you!

[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...

[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

[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

[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

[hawarkarem]

I'll give it a go later tonight and let you know what I come up with. Thanks for ya help!