Creating Theme from Scratch: Difference between revisions

From osCommerce Wiki
Jump to navigation Jump to search
m (Protected "Creating Theme from Scratch" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) [cascading])
No edit summary
Line 4: Line 4:




After the theme is copied (it may take some time), click on '''Customize''' button within this theme.
 
After the theme is copied (it may take some time), click on '''Customize''' button within this theme. Widgets can be added by poining the mouse to the required place and clicking on '''Add widgit''' option. After that click on '''Widgets''' button, '''find''' the required widget and click on it. '''Or''' the widget can be '''dragged and dropped''' to the required place without clicking on '''Add widgit''' option. The existing widget can be '''edited''', '''dragged and dropped, exported''' or '''deleted''' by clicking on the corresponding icons.
 
[[File:Image 789.png|none|thumb|800x800px]]
 
Widgets settings differ from one widget to another. For example, widget styles ('''font, background, padding''') can be set up for the external widget div unless they are overriden by the styles within the widget.
 
[[File:Image 790.png|none|thumb|800x800px]]
 
In the '''same''' way as widgets, '''widget groups''' can be '''added''' to the theme and '''managed'''.
 
[[File:Image 792.png|none|thumb|800x800px]]
 
If a widget group is '''exported''' it is '''automatically''' added to the widget list and appears in the list under '''Widget groups''' tab. You can also add the new group by clicking on '''Add''' button and '''view/edit''' the '''name''' and '''page type''' or '''delete''' the exising group.
 
[[File:Image 793.png|none|thumb|800x800px]]

Revision as of 17:24, 23 August 2022

After you accessed the admin area of your website click on Design and CMS and Themes tabs. From this page you can add theme group, import theme and add theme by clicking on the corresponding buttons. You can also backup, move to group, copy or customize your existing themes by clicking on the corresponding buttons as well as change theme title, switch between information and image theme views and delete the theme by clicking on the corresponding icons. It will be much easier to create your own theme based on the existing one so we would recommend to copy the exising theme in order to create your own one.

Image 787.png


After the theme is copied (it may take some time), click on Customize button within this theme. Widgets can be added by poining the mouse to the required place and clicking on Add widgit option. After that click on Widgets button, find the required widget and click on it. Or the widget can be dragged and dropped to the required place without clicking on Add widgit option. The existing widget can be edited, dragged and dropped, exported or deleted by clicking on the corresponding icons.

Image 789.png

Widgets settings differ from one widget to another. For example, widget styles (font, background, padding) can be set up for the external widget div unless they are overriden by the styles within the widget.

Image 790.png

In the same way as widgets, widget groups can be added to the theme and managed.

Image 792.png

If a widget group is exported it is automatically added to the widget list and appears in the list under Widget groups tab. You can also add the new group by clicking on Add button and view/edit the name and page type or delete the exising group.

Image 793.png