how can i create my own theme

Quote

Post by billy_111 » Tue Jul 28, 2009 7:40 pm

Hey,

I am using OpenCart and it is exceptional! But now i want to add my own theme as i already have a website with a more basic CSS design. I need to match the CSS of OpenCart to my existing website, so how can i do this?

Thanks
Regards
billy_111
New member
Posts
39
Joined
Tue Jul 28, 2009 5:40 pm
Top

Re: how can i create my own theme

Quote

Post by JNeuhoff » Tue Jul 28, 2009 7:44 pm

Copy Opencart's directory

catalog/view/theme/default

to a new one, e.g.

catalog/view/theme/my-own-one

and then modify its CSS file, images, or any of the *.tpl file according to your needs.

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig

User avatar
JNeuhoff
Guru Member
Posts
7484
Joined
Wed Dec 05, 2007 3:38 am
Top

Re: how can i create my own theme

Quote

Post by billy_111 » Tue Jul 28, 2009 7:48 pm

Hey,

Thanks i am doing that now. Will let you know if i have any problems.

Regards
billy_111
New member
Posts
39
Joined
Tue Jul 28, 2009 5:40 pm
Top

Re: how can i create my own theme

Quote

Post by billy_111 » Tue Jul 28, 2009 7:53 pm

Hey,

How do i know what is what? For example when i was using a wordpress blog i had the header, sidebar to alter. how do i know whihc page is which and where the HTML is for the home page?

Thanks
billy_111
New member
Posts
39
Joined
Tue Jul 28, 2009 5:40 pm
Top

Re: how can i create my own theme

Quote

Post by JNeuhoff » Tue Jul 28, 2009 9:17 pm

The common, top-level templates are all located in the

/catalog/view/theme/default/template/common/*.tpl

directory. The templates repsonsible for any of the left or right column boxes can be found at

/catalog/view/theme/default/template/module/*.tpl

Just look at the controller files

/catalog/controller/ ... /*.php

to see what sub-templates they use.

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig

User avatar
JNeuhoff
Guru Member
Posts
7484
Joined
Wed Dec 05, 2007 3:38 am
Top

Re: how can i create my own theme

Quote

Post by billy_111 » Wed Jul 29, 2009 2:47 am

Hey,

Thanks. I have managed to style the website to match my own website.

Just one problem i cant find the sidebar? I want to style the sidebar and add some text to it.. cant seem to find it..?
billy_111
New member
Posts
39
Joined
Tue Jul 28, 2009 5:40 pm
Top

Re: how can i create my own theme

Quote

Post by orionweb » Fri Jul 31, 2009 8:43 am

column_left
column_right

These are the ID's for the style in the CSS file whereby you can do what you need, then each module has its own style and tpl file which can be edited and styled appropriately.

Is this what you meant?

Image
Image

orionweb
New member
Posts
31
Joined
Sun Jul 19, 2009 10:18 am
Top

Re: how can i create my own theme

Quote

Post by bigonroad » Sat Aug 01, 2009 3:06 am

Thanks, that was really helpful. I don't know who is an admin, but I think it would be worth making this one a sticky post at the top!

Bless,
Chris

I’m Chris Lowry. Visit my sites for medicine revision and home decor.
Try Names Not Numbers charity too! Its an awesome Sheffield charity.

bigonroad
Newbie
Posts
11
Joined
Sat Aug 01, 2009 3:00 am
Top

Re: how can i create my own theme

Quote

Post by seanosears » Wed Aug 05, 2009 9:47 pm

to make the new template show up in newer versions, read:
http://forum.opencart.com/viewtopic.php?f=21&t=5083
seanosears
Newbie
Posts
1
Joined
Wed Aug 05, 2009 9:44 pm
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: Amazon [Bot] and 4 guests