The price slider on collection pages wasn't working on some mobile devices, we've solved that.
We've added payment icons for INGhomepay and Cartesbancaires.
In some cases the newsletter popup would show up on every page reload, this is solved.
Upload your own favicon and logo. You can upload your logo in JPG and PNG, but we’ve also made it possible to upload your logo in SVG. First, upload your SVG logo to files and copy the file URL (see video). Be aware: the SVG overwrites the added JPG or PNG so that when both a JPG/PNG and a SVG logo are added, the SVG logo will be shown.
Besides that it is possible, after choosing a logo, to choose from three different formats.View image Watch video
It is possible to choose set a background color or background image by uploading one. Then you can change the position and choose to have the image repeated.View image Watch video
Wishlist & Compare
You can switch the functions ‘Wishlist’ and ‘Compare’ on and off. When activated, the icons ‘Wishlist’ and ‘Compare’ will be visible. When not activated, these icons will not be visible.View image
For titles and other textual content, you can set the font independently. Besides that it is possible to show all content in capital letters or to add shadows to all titles.View image Watch video
Configure the colors of your corporate image here.View image
When activated, currencies and languages will be shown in the topbar. You can also change the background color, border color, and text color yourself.
On the left of the topbar there is a phone number in the preset, but this could also be a general text. If you want to change this text, in the backoffice you can go to ‘Content => Translations’ and search for the ‘topbar-phone-number’ key. Click on that key and change the topbar text for all set languages.View image
Change the background, icons, and border color here to your liking.View image
Two standard menu positions have been built into the theme. You can choose for yourself which menu suits you best;
In header: The menu will appear to the right of the logo in the header. With this variant, a mouseover will not show any subcategories.
Underneath header: The menu will be stretched out along the full width beneath the logo. With this variant a mouseover will show subcategories.
Color setting have been made for both these menu variants. Notice that the color settings depend on the chosen menu variant.View image Watch video
If you have USPs (Unique Selling Points), you can show them by activating the USP bar. The USPs are linked to ‘Content => Translations’. Add the following keys to ‘Translations’ to change the USPs.
You can also change the colors fort he USP bar to your liking.View image
Within the theme it is possible to quickly and easily add certification marks. For the Dutch market you can, via the dropdown and without having to upload an image, add Thuiswinkel Waarborg, Thuiswinkel Keurmerk, Webshop Keur, or Qshops. If you want to add an image or an alternative certification mark yourself, you can choose ‘Own hallmark (upload below)’ in the dropdown and then upload a certification mark image (JPG or PNG) yourself.
In the input fields below you can then set the size of the certification mark logo and where it should link to. The entered link will open in a new window automatically. If you do not add a URL, the certification mark logo will not link to anything.View image
3. Homepage structure
Here you can choose if you want to outline all textual content on the left or in the middle.
You can also select if you want brand logos to be visible or not.View image
4. Homepage headline settings
Would you like to show a slider with headline images beneath the header? Activate the homepage headline. When activated you can choose if you want to show the headline images in the slider fullscreen across the width or within the shop’s container. If you have chosen to show the image across the width, you can also choose to have it shown in height across the width.
Besides that, you can switch headlines’ pagination on or off and provide the pagination with a desired color.
Activate ‘Autoplay’ to make sure the slider slides automatically. If this is not activated, the images will remain still and can be moved by swiping or using pagination to navigate to another image (if multiple are added).View image
Homepage headline (1/2/3)
In the theme you can add three headlines (headline images) by default. Before you add a headline image you have to activate the headline image first. When activated and when you have uploaded a headline image, you can then enter text and position the text on the headline per headline. On top of that, you can place the URL, where the headline image has to link to, as text link or button. At the bottom you can then manage the text color, text link and/or button.
WARNING: When entering the URL, only enter all that comes after the ‘/’. So only what comes after 'http(s)://www.domeinnaam.nl/'.View image Watch video
You can also play a mp4 video in the slider. It’s important to activate this video headline above this setting first. Then you will need to enter the mp4 video’s URL into the input field (see the description fort his setting in the backoffice). Below, you can then change the titles, texts, their placement and color.View image Watch video
6. Custom blog
If you have any blogs, you can show them with the default ‘Lightspeed way’ or with the custom solution in Theme Mandrill. Activate the custom blog display if you want to use this.
After that you can use the other setting to indicate what components you do or do not want to show on the blog overview or product page. For more information you can go to the description beneath the settings in your backoffice.View image Watch video
7. Homepage products
If you want to show products on the front page, you add this via ‘Products front page’ in Lightspeed. Products that are linked to this setting can be found under ‘Featured products’ in the dropdown.
Within the theme there is also the possibility to add two tabs with products; ‘Popular products’ and ‘New products’. The popular and new products cannot be managed by yourself, Lightspeed feeds these automatically. The popular products are those that have the most page views and the newest products are the products that have been added most recently.View image
Within the theme you can choose from three different collection pages (products overviews). You can choose whether you want to show a sidebar, whether you want to show filters, and if yes, whether you want to show these filters in the sidebar or on the top of the page. If you choose the last option, the filters will be hidden behind a button that will only become visible if you click that button. Besides that, you can indicate if you want to show a category’s textual content on the top or bottom of the page.View image
Collection product settings
Within the theme you can configure how you want products on the homepage, products under related products, and products on category pages/ product overviews to be shown. For example, you can choose to have your product shown small or large. If you want to show it large, the display changes and the row will show one product less (desktop version).
You can also choose if you want to show the quick-view option, to use spacing, to show star ratings, to have all images shown in the same size, to show the short description of a product (and if yes, how many rows), and more.
For more information you can go to the description beneath the settings in your backoffice.View image Watch video
Here you can choose to show a sidebar on category overviews (catalog pages). You can also choose whether you want to display textual content on the top or bottom of the page.View image
11. Product detail page
Within the theme you decide what content will and will not be shown on the product page. For example, you can activate or deactivate a line around the product image, set the background color of the product image to grey instead of white, or more. For more information you can go to the description beneath the settings in your backoffice.View image Watch video
14. Image dimensions
Ratio’s of the Images:
All the images within Theme Mandrill do not have fixed ratio, because Theme Mandrill is fully responsive.
The headline and banner images scales are chosen depending on the selected screen size and aspect ratio, and serve as background image. The images are scaled such that at a smaller viewing ratio parts are cut off. For that reason, we recommend to not insert text in the image, but rather to use the text fields in settings. We also recommend centering the most important content in the image as much as possible and using a minimum width of 2,500 pixels, so that large images can also be displayed well on large screens. In addition, you determine the final size of the image yourself. For mobile and tablet in an upright relationship, we have also created separate input fields for the headlines. Again, there is no fixed ratio here, but you can use 800 x 600 mega pixels as a starting point.
The same goes for product images; they are also automatically scaled, but will not cut off. As a starting point, you can use the following pixel ratios: 300 x 300 (square), 400 x 300 (horizontal) and 300 x 400 (vertical). For category images on category overviews and the homepage, you can use a pixel ratio of 500 x 350.