Theme: White Glass
White Glass is a theme that I’ve been working on to release together with 1.0 to show what the new theme system is capable of. It is being written using the data classes that are exposed in version 1.0 of ProofBuddy. If you are familiar with PHP you will be able to look at the theme files and see how easy it is to create truly custom themes. Documentation on the new theme system will be coming shortly, but after 1.0 is released. And the old theme system of using variables will still work.
Notice the separate Single Items and Packages sections of pricing. Were there a digital product associated with this image there would be a third heading showing the digital products.
And a new feature in 1.0 is the ability to have forms with multiple quantity boxes so that you can list several products and have them added to the cart all at once rather than just the single dropdown list in 0.7.
The comments, client notes, album notes, and favorites submission forms are all small popups.Also notice the white border and dropshadow around the images. That’s all controlled through CSS and is easy to turn off if you’d prefer.
The logo
Of course you don’t want your clients to see our logo so we have made it very easy to replace our logo with yours.
- Go to Options -> Themes and click on the edit button under the Black Glass theme.
- Next click on files.
- About half way down you will see a folder titled images. Click on the link to open the images folder.
- Click on the Upload button. This will display a form to allow you to upload an image.
- Click on the Browse button to select a file on your computer named logo.png that will replace our logo. If your current logo is not in PNG format you can either convert it or edit the theme file header.tpl to reference a different file (see below).
- Click Upload and it will prompt you to overwrite the current logo.png. Click ok and your file will be uploaded overwriting our logo.
The other option is to edit header.tpl to reference your logo file. Go through steps 1-5 above except that the file you upload does not need to be named logo.png.
- On the top of the file list should be a link "Up to Previous Level". Click that and you will see a series of .tpl files.
- Click on header.tpl and look for the following.
if (file_exists(’<!–themedir–>/images/logo.png’))
{
echo ‘<img src="<!–themedir–>/images/logo.png">’;
}
else
{
echo $config->readValue(’company_name’);
}
?>
3. Replace both instances of logo.png with the name of the file you uploaded.
One of our users posted on the support threads a question about changing the number of columns and rows on this theme. Normally that’s done using the Options -> Images page, but the settings were not sticking. What happened is that this theme was partially written as a test of the new theme system and one of the settings allows you to override the default rows and columns setting on a per theme basis. If you go to Options -> Theme and click on the edit button next to the White Glass theme followed by the Language button you will see two lines thumbnail_cols and thumbnail_rows. Click on the red delete icon next to each of these and the global settings will be used instead. Or, you can just change the values to whatever you want.
For those that downloaded the theme after this comment was posted the two language strings have been removed and the default settings will be used instead.