The "Default" theme

Our default theme is a "vanilla" theme that can be used as it is or as the starting point to developing a new theme.

It is based on Bootstrap V5 which in their words, "is an open source toolkit for developing with HTML, CSS, and JS". To find out about Bootstrap and how to use it go to getbootstrap.com. As far as possible we have used Bootstrap styles and colours only adding our own styles when absolutely necessary.

 

Our commitment to getting you launched

Although the tasks described in the next section are relatively simple we understand that many retailers will be outside of their comfort zone. For that reason we commit to doing these tasks for you without any additional charge. We do, of course, need you to provide the content (text and images). For more information see our commitment to getting you launched.

 

Before launching your online shop

In themes personalise your online shop to your business identity by doing the following:

Update the logo

The store logo file is a 175px × 25px image named "/media/logo.png" in the Media and Files tab. Replace this file with one of a similar name, width and proportion.

Logo a different shape or size?

If your logo simply doesn't fit properly in our theme we are happy to move things around so it does. Please get in touch if you need us.

About us page

The shop owner image is a 283px × 424px image named "/media/shopowner.jpg" in the Media and Files tab. Replace this file with one of a similar name and width.

The text on the about us page is contained in a template part named "Content-AboutUs". Overwrite the text in this template part with your own text.

Delivery information page

The text on the delivery information page is contained in a template part named "Content-DeliveryInformation". Overwrite the text in this template part with your own text.

Delivery page

The heading and text at the beginning of the delivery page is contained in template parts named "Content-DeliveryPageHeading" and "Content-DeliveryPageText". This text can be easily changed to something more appropriate should you wish to. To add text against individual delivery schemes see extra info explained.

Terms pages

The text on the terms page is contained in a template part named "Content-Terms". Overwrite the text in this template part with your own text.

To help you with this we have some sample terms that you can copy into the template part once you have tailored them to your own needs. Please note that our sample terms are provided in good faith and must not be considered a substitute for appropriate legal advice. See terms and privacy policies for more information.

Privacy policy page

The text on the privacy page is contained in a template part named "Content-Privacy". Overwrite the text in this template part with your own text.

There is a sample privacy policy to help you get started that you can copy into the template part once it meets your own needs. Please note that our sample privacy policy is provided in good faith and must not be considered a substitute for appropriate legal advice. See terms and privacy policies for more information.

Home page

It is best to leave this until last as it will generally summarise your online business and it should practically write itself once you have everything else done.

The heading text on the home page is contained in a template part named "Content-HomePageHeading". Overwrite the text in this template part with your own text.

The text on the home page is contained in a template part named "Content-HomePageText". Overwrite the text in this template part with your own text. Your text should be a succinct description of the service you are offering, for example "evening delivery from your local butcher in Spalding and Holbeach".

Metadata description provides search engine robots with more information about your website that may or may not be used to provide a snippet of information about you in search listings. The meta description text for your home page is contained in a template part named "Content-HomePageMetaDescription". Overwrite the text in this template part with your own text. You should limit your text to 160 characters.

Put some products on your home page by going into individual products and checking the "featured" box in the overview. The total number of featured products should be divisible by three so they display as full rows. Avoid having too many products on your home page and if possible change them regularly.

 

Creating your own theme

Skill level - web developer

All the CSS for the default theme is contained in the file named styles.css.
It was built following the instructions at https://getbootstrap.com/docs/5.2/customize/overview/.

You will need our custom FoodCommerce SASS files and our how to customise the styles in your online shop blog article may also be useful.

To update your FoodCommerce theme simply delete styles.css and upload your new file. To see the changes reload a page in your website.

See also:

Terms and privacy policies
Themes
Template language
HTML basics