Butler Market is a Premium template. Here is some helpful information pertaining to the template:

Template Details

Template type	PREMIUM
Control panel version	3
Supports categories	YES
Contact form	YES
Supports logo	YES
Slideshow in gallery	YES

 

 

Site Colors Settings:

Go to Site Settings/Colors in your site control tools

You will find the ability to change about nine(9) colors from the Colors section.

Color Name	Color Description
Title Color:	Colors the logo if a text is used.
Text Color:	Colors the page text, caption text, e-card form and label text, contact form and label text, and also send button background.
Body Color:	Colors the body background. If a texture file is specified it will overlap this color.
Secondary Color:	Colors the load bar, load bar background (at 20% opacity), and the submenu background.
Border Color:	Colors the main site background, page image borders, and submenu item backgrounds.
Default Page Background Color:	Colors the page background if none is defined in the page setting. Also colors the caption background, and e-card form background.
Custom Color 1:	Colors the main menu items, copyright text, any page links (including sub page links), audio player buttons, icons and associated text, extra links, thumbnail close button and scroller.
Custom Color 2:	Colors the items colored by custom color 1 on mouse over (copyright excluded).
Custom Color 3:	Colors the field backgrounds and send button text on the e-card form and contact form.

Image Sizes

All images should be uploaded to your image bank and optimized for the web.

 

Butler Market allows you to set your own content width and height.  You can set it to a standard 3:2 ratio or something completely different.  See the 'Content width' and 'Content height' settings under Special Features for more information.  Intro and Gallery images should match those settings.  Page and contact images should be roughly 80% of the content height setting and 40% of the content width setting.  Vertically oriented images are recommended for page and contact images.

 

Image	Width	Height
Intro images	Content width setting	Content height setting
Gallery images	Content width setting	Content height setting
Page images	40% of your content width setting	80% of your content height setting
Contact image	40% of your content width setting	80% of your content height setting

 

Special Features

Content width

Enter the desired width of the content area under Site Settings > Template Settings.

Content height

Enter the desired height of the content area under Site Settings > Template Settings.

Intro Images

Intro images should be uploaded into the advanced tab under extra files and will play as a slideshow. To control the order of the images please upload the images like this: 01intro.jpg, 02intro.jpg, 03intro.jpg and so on.

Page Linking

To make a page link redirect to some other page (ie. http://google.com) Put the following as the first and only text in the page text: REDIRECT:http://google.com

Music

Music is uploaded into the music area under Site Settings. The jukebox will read ID3 tags from MP3 files. Depending on what music player you use, you may have to “Convert ID3 Tags…” before they are uploaded to your site. Otherwise the jukebox will not be able to read the song/artist information.

Calendar

This template includes a built in availability calendar. To activate it follow these steps:

1. Create a page in the pages section called calendar, or availability, or some other desired title. 

2. Go to the Site Settings tab and select template settings.

3. Add the title of your availabilty calendar to the field labeled Calendar title.  This must match the title of the page created in step 1.

4. Under the field for calendar text please insert the wording you would like to show up on that page. Something like "Dark dates are the days I am unavailable" is recommended.

5. Now under Unavailable dates you need to have at least two dates input for the calendar to work. The format is simple. Insert dats with this format: [MM,DD,YYYY][MM,DD,YYYY][MM,DD,YYYY]. Make sure there are no spaces between the sets of dates and no line breaks.

Page controls

When editing each page, you have the ability to control a page image, alignment, color, and a background texture.  Select the up arrow to upload a page image.  Select the page color by clicking the 'Choose Color' link below the Page Color header.  If no color is selected the 'Default page color' setting under Site Settings > Colors is used.  Adjust the slider to the right of the page color heading to control the opacity of the page color overlay.  Select a background texture from the drop down menu below the Page Texture heading.  You can also upload a texture of your own.  Keep in mind that the page texture fills the area of the container.  If the texture images proportions do not match those of the container, the texture image is cropped by the template to fill the container space.  The page color overlays the texture with the opacity setting above.  Select a desired page text alignment.  Please note that selecting 'center' will not accommodate a page image. 

if you want a page image to fill the whole background of the page, upload it as your page texture, set the page color opacity to 0, and don't add a page image at that stage.

Slideshow speed

Under Site Settings > Template Settings enter the amount of time in seconds an image should display in intro and gallery slideshows before loading the next image.

App alpha 0 to 100

This setting controls the opacity of main site background. Enter values from 0 to 100.

App rounded corners 0 to 20

This setting controls how rounded the corners of the main site background. Enter values from 0 to 20.

Texture file name

Under Site Settings > Template Settings enter the name of the image you want to use as a background texture.  Texture images should be uploaded to the image bank.

Portfolio menu label

Under Site Settings > Template Settings enter the desired label for the button that opens the galleries sub menu.

Info menu label

Under Site Settings > Template Settings enter the desired label for the button that opens the pages sub menu.

Contact menu label

Under Site Settings > Template Settings enter the desired label for the button that opens the contact form.

Link 1 label

Under Site Settings > Template Settings enter the desired label for the button that opens the first extra link. Extra links are placed below and to the left of the main site background.

Link 1

Under Site Settings > Template Settings enter the desired URL for the first extra link button.

Link 2 label

Under Site Settings > Template Settings enter the desired label for the button that opens the second extra link. Extra links are placed below and to the left of the main site background.

Link 2

Under Site Settings > Template Settings enter the desired URL for the second extra link button.

Link 3 label

Under Site Settings > Template Settings enter the desired label for the button that opens the third extra link. Extra links are placed below and to the left of the main site background.

Link 3

Under Site Settings > Template Settings enter the desired URL for the third extra link button.

Full Screen Button

Butler Market has the ability to fill the viewing area of a visitor by pressing the full screen button.  To show the full screen button, enter a value of 'true' in the 'Allow fullscreen button' field under Site Settings > Template Settings.To hide the full screen button, enter a value of 'false' in the 'Allow fullscreen button' field under Site Settings > Template Settings.

Image Captions

To create a caption for an image click on the desired image under Images > Image Bank**.  In the caption field enter a few sentences to describe the image.  When the image shows up in a gallery on your site, the caption icon will appear.  Click on the caption icon to show the caption for that image.  Click the caption icon again to hide the caption.

 

** You may need to wait for the entire image bank page to load before you can enter a caption.

 

FAQ's - For more questions not covered here make sure to check out our FAQ page