Complete Custom Theme

[color=#b22222]It seems that there is not much on this topic, so I am going to be putting my research and development here. Feel free to join in where you can.[/color]



My company has started to use CS-Cart 4.1 to rebuild our old store that was built on a different store platform. I am tasked with creating a new theme for the site. We just paid to have a branding company redo our branding, and we need to build the store around that branding.



The visual editor looks weak for what we want. We pretty much want to rebuild the theme from the ground up, or is there another option. I am not seeing any tutorials on how to create a theme like you would for a wordpress site.



So my question is, is there any tutorial for custom building a template/skin?

Count me in.

I am fairly skilled in html and css but I get completely lost trying to find my way around templates,views, blocks and what have you.

For example, I want to show the SKU on the category product grid.

No documentation whatsoever.

Not for the latest version. There were a few for tutorials for older versions but they are almost certainly outdated.



Download a copy of CS Cart to a local machine and playaround with it. That's how the majority of us have learned.

@requincreative: Thanks, I will start to look into it.



@Paul John: I think what I am going to do is make this thread into my research and development log of it. So stay tuned and jump in where you can. :)

Hi, guys



Please check several articles:



Themes: CS-Cart Documentation — CS-Cart 4.15.x documentation



Themes editor: CS-Cart Documentation — CS-Cart 4.15.x documentation



Layouts: CS-Cart Documentation — CS-Cart 4.15.x documentation



Locations: CS-Cart Documentation — CS-Cart 4.15.x documentation



Blocks: CS-Cart Documentation — CS-Cart 4.15.x documentation



Framework: CS-Cart Documentation — CS-Cart 4.15.x documentation



Menus: CS-Cart Documentation — CS-Cart 4.15.x documentation



Product tabs: CS-Cart Documentation — CS-Cart 4.15.x documentation



Hope that helps.

@eComLabs: Thanks, I have glanced at them before, but read through them more this time.



Does anyone know how the theme uploader works? or what structure the files and folders need to be in? I tried uploading a theme I found but it said it required it to be less then 8mb. The file I have was 8.4mb, is this adjustable?

check your php.ini settings for upload_max_filesize

add ?debug to the url in the backend to enter debug mode and then click the bug on the right.

Seems odd there is not a demo theme zip file for people that want to start learning how to theme cs-cart.



Anyways, from my research I have figured out how to get a demo theme installed with just a few files in the zip. Here is the structure I have.[list]

[]/{theme name}

[list]

[
]manifest.json

[]/css

[list]

[
]/addons

[]/lib

[
]/tygh

[/list][]/layouts

[
]/mail

[list]

[]/media

[
]/templates

[/list][]/media

[list]

[
]/fonts

[]/images

[/list][
]/templates

[list]

[]/addons

[
]/blocks

[]/buttons

[
]/common

[]/pickers

[
]/views

[/list][]/styles

[list]

[
]/data

[list]

[]demo.png

[/list][
]manifest.json

[*]schema.json

[/list]

[/list]

[/list]

I am having trouble trying to get demo.png to load. I am not sure where the admin interface is getting the information for which preview image it should load.

Okay, so I was looking at this tread: Brief History/timeline Of Cs-Cart - Off-Topic/General Chat - CS-Cart Community Forums



So it looks like themes just came out Jan 15th, 2014. So I guess that is why no one really has much about it.