• English

Sprout template

This guide will lead you through the steps on setting up the Sprout template. Depending on your own needs and style, feel free to skip some of these steps. This manual provides information about setting up the additional features that come with Sprout, so it is a good idea to refer to the manual for your web shop platform for further instructions.

 

We created Sprout based on a redesign of the Rooty template. At the same time, we build the template around research about the latest web shop design trends and feedback from our customers.

 

The template is ideal for start-ups or medium sized companies. Choose between three different color skins or create your own color skin that suits the visual identity of your company the most.

How to get started?

If you wish to use this template, follow these steps:

  • Log into your solution
  • Go to Online store > Design > Browse Design Store and choose the template that you wish to use
  • You can use the template right away
  • Customize you design so its suits your company
  • Activate your template

 

Once you have selected the Sprout template, click on Customize > Themes. Choose one of the three color themes or you can create your own. Press Save and click View Online to see your solution. If you want to make changes to the design, follow the manual below.

Sprout

Coffee

Bike It

Category List

Just like for the logo, you can choose to place the category navigation on the left or in the center. To change the category navigation position, go to the Online store > Design > Customize and find the Category Navigation Position field under Settings.

 

 

Click Publish to save the result.

 

Unique Selling Points (USP)

Use the USPs to communicate the benefits of using your web shop. For example, you can inform your customers about free shipping, quick delivery etc. You can add up to three USPs. To add your USPs go to the Online store > Design > Actions > Edit translations and write your Unique Selling Points.

 

 

You can also change the USP section background and text color from Online store > Design > Customize, so they suit to the rest of your web shop’s design. Under the Template color you will find the Background color for Focusbar and Font color for Focusbar settings.

 

 

Once you have filled in the fields with the desired text and colors, click Publish to save the results.

 

Back-to-Top Button

The Back-to-top button automatically scrolls the user to the top of the page when clicked. This makes the user's experience much more pleasant, because it eliminates the need of having to scroll back to the top every time they have reached the bottom of a page. To add or remove the button from the template, go to the Online store > Design > Customize and find the Settings and find the Show to top button and choose from the dropdown whether to show or hide the button.

 

 

In the Button colors section of the Design Manager, the button's colors can be customized by setting background, border and arrow colors.

 

 

Click Publish to save the result.

Picture Slider

Use the Picture slider to emphasize a specific product or blog post. To add images to the slider on the front page, follow:

 

  1. Under Page tree, find Front page and then Picture element
  2. Use the Upload file button to upload the desired images or select them from the Choose file button
  3. The images you want to display should have the size: 1240 x 440px or 1920 x 500px if you're using the full width setting
  4. If you want to display text and call-to-action buttons on your sliders, click on the Extra info button and fill the input fields
  5. Click Save and see the result

 

In the Online store > Design > Customize you can find a dedicated section for the Page Slider. These settings allow you to set the size of the slider (eg. full width). It is also possible to choose the position of the text box and the call-to-action button: top left, top right, bottom left or bottom right. To make the slider’s design fit the rest of the web shop, you can select the right colors for the button and the text box. Furthermore, you can choose to set the opacity for the text box using our predefined recommended options.

 

 

Play around with the settings clicking until you find what works best with the content.

Click Publish to save the changes.

Footer Settings

You may choose whether to display the Newsletter Subscription in the footer or not. First, go to the Online store > Design > Customize and find the Settings > Footer information. From the dropdown of the Show newsletter subscription setting you can choose yes or no.

 

 

If your subscription allows it, the news subscription form will show like this in the footer:

 

 

It is also possible to add/remove the subfooter of the template, which includes the logo and payment icons. First, go to the Online store > Design > Customize and find the Setting>Footer information. The Show subfooter setting enables you to show or hide it. It is also possible to control the visibility of the payment icons. You can upload a different logo image to use for this section using the Logo graphic (subfooter) setting. If you want to use a text logo, you can select a font color using the Logo text color (subfooter) setting. With these additional logo settings that are specific for the subfooter, you can make sure that your logo is visible regardless of the section's background color.

 

 

Click Publish to save the results.

 

 

This website uses cookies

To make this site and our marketing most relevant to you, we use our own cookies and third-party cookies to create statistics, analyze visits and remember your favorite settings. By giving your consent, you allow us to use cookies and that we process personal information that is collected via cookies. Read more in our cookie policy. You always have the option to withdraw your consent.

What are cookies?

A cookie is a small data file that is sent to the browser where it is stored in order to make the website able to recognize your computer. All websites can send cookies to your browser if your browser settings allow it. Websites can only read information from cookies they have stored and cannot read cookies from other websites. There are two types of cookies: permanent and temporary (session cookies). Permanent cookies are stored as a file on your computer for an extended period. Session cookies are temporarily placed on your computer when you visit a website, but disappear when you close the site, which means that they are not permanently stored on your computer. Most companies use cookies on their websites to improve usability, and cookies cannot damage your files or increase the risk of viruses on your computer.

For what purposes do we use cookies?

As the functionality of most websites depend on cookies being stored when a user visits the website, first and foremost, we set cookies to have a functional site. We also use both 1st party and 3rd party cookies to improve the user experience on our site and offer relevant marketing. When a 3rd party cookie is set, it means that we have allowed a third party, such as social media, Google Analytics or the like to place a cookie in your browser when you visit our website.

On our site we use the following types of cookies:

Necessary / Technical

Technical cookies are necessary for most websites to function properly. As the name indicates, they only have technical significance and thus no impact on your privacy, as they do not register what you are looking at or searching for on other websites.

Functional

Functional cookies register your user preferences by remembering the settings you choose and other choices you make on a website. An example could be what preferences you have in terms of language and text size.

Statistical

Statistic cookies are used to optimize the design, usability, and effectiveness of a website. An example could be using the collected information to analyze and determine what information is most popular on the site, to be aware of what should be easy to find on the site.

Marketing

Marketing cookies collect information by following you around on the individual websites you visit - they can be said to register your digital footprints.
Therefore, marketing cookies are "tracking cookies". The information collected is used to create insight regarding your interests, habits, and activities in order to show you relevant. This way, you receive targeted content, for example in the form of suggested information, articles, and ads.

Information collected via cookies?

The data that is typically collected via cookies will i.a. be your IP address, unique IDs and information about your user behavior.

You can always delete cookies or withdraw your consent

You can block or remove cookies on this website by withdrawing your consent or by deleting them in your browser's settings. However, please be aware that there may be features and services on the site that are no longer functional if you do not allow cookies or delete them.

You also have the option to block or delete cookies in your browser (will apply to both cookies from this site and third-party cookies)
You can read more about how to carry this out here:https://erhvervsstyrelsen.dk/cookies

If you use multiple browsers, remember that you must delete or block cookies in all browsers.

Changes

We reserve the right to change and update this policy.

Necessary / Technical:
Functional:
Statistics:
Marketing:
Cookie List could not be Loaded