Name: Olli – Single Product Landing Page
Rating: 4.3 (8371 reviews)

Olliis a responsive HTML5 single product landing
page template with creative and mobile-friendly design. This is a
great choice for launch any product.

Template Features

4 Home Layouts
6 Color Schemes
Bootstrap 3
CSS3 animations
Fully responsive
Font Awesome
Easy to customise
Google Web Fonts
SCSS sources
SEO-friendly
Retina-ready
Valid HTML and CSS
Working AJAX contact form
All files are well commented
Crossbrowser Compatible with IE9+, Firefox, Safari, Opera,
Chrome

Changelog

Version 1.3 - 19.02.2018
- Fixed minor issues
Version 1.2 - 16.06.2017
- Fixed some bugs
Version 1.1 - 10.05.2017
- New layout added
Version 1.0 - 16.02.2017
- Initial

Created with love by HarbourThemes

Show More

Show Less

Included:Quality checked by
Envato
Included:Future
updates

6 months support
from
HarbourThemes

Extend support to
12 months

$3.75

Get it now
and save up to
$5

Price is in US dollars. Price displayed excludes sales tax.

Last Update	19 February 18
Created	16 February 17
High Resolution
Compatible Browsers	, , , , , , ,
Compatible With
ThemeForest Files Included	, , ,
Columns
Documentation
Layout
Tags	, , , , , , , , , , , , ,

Deliver
better projects faster. Web, design & video assets

Unlimited downloads, from
$16.50/month
Effortless design and video.

Made online by you.

Smart templates ready for any skill
level.

Designers matched perfectly to

you on Envato Studio

2000 artists ready to undertake
your work

Quick
Links
Explore
popular categories

Web Themes &
Templates

Video

Audio

Code

Placeit

Free Tools

Elements

Tuts+

Envato Market

Help

Joinour community

63,854,130items
sold

$913,735,901community earnings

All
prices are in US dollars and exclude sales tax
Â©
2021 Envato Pty Ltd. Trademarks and brands are the property of
their respective owners.

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

Tell us what you
think!

We’d like to ask you a few questions to help improve
ThemeForest.

//

//
<![CDATA[
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

var consentCookie = getCookie('CookieConsent');

if (consentCookie) {
var hasConsent = Market.Helpers.CookieConsent.given('statistics');

if (hasConsent) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}

window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
if (!(window.ga && ga.create)) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
unloadGoogleAnalytics()
}
if (!consentToExperimentsEnrollmentGiven()) {
unenrollFromExperiments();
}
}, false);

function getCookie(name) {
var name = name + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var cookieContent = decodedCookie.split(';');

for(var i = 0; i {
if (
document.readyState === ‘interactive’ ||
document.readyState === ‘complete’
) {
resolve()
} else {
document.addEventListener(
‘DOMContentLoaded’,
() => {
resolve()
},
{
capture: true,
once: true,
passive: true
}
)
}
})
}

function consentToExperimentsEnrollmentGiven () {
return Market.Helpers.CookieConsent.given(‘preferences’) && Market.Helpers.CookieConsent.given(‘statistics’);
}

function unenrollFromExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,9],”requires”:{}},”csatSurveyExperiment”:{“id”:”csat_survey”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[9,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”ipxFasterItemPageImages”:{“id”:”2Th20Gy6TLS-_00B5DGFGQ”,”loadingCover”:false,”variants”:[“0″,”1″,”2″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”storefront”:{“id”:”w9XbskG0TTyfmOLUwwnhFQ”,”loadingCover”:false,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}
var deletedCookies = [];

_.each(activeExperimentsConfig, function(expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if ($.cookie(cookieName) != null && $.cookie(cookieName) != ” && typeof($.cookie(cookieName)) != ‘undefined’) {
$.removeCookie(cookieName);
deletedCookies.push(cookieName);
}
});

if(deletedCookies.length > 0) {
ga(t+’.set’, “exp”, null);
ga(t+’.set’, “dimension21”, null);
ga(t+’.set’, “dimension22”, null);
}
}

function enrolIntoActiveExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,9],”requires”:{}},”csatSurveyExperiment”:{“id”:”csat_survey”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[9,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”ipxFasterItemPageImages”:{“id”:”2Th20Gy6TLS-_00B5DGFGQ”,”loadingCover”:false,”variants”:[“0″,”1″,”2″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”storefront”:{“id”:”w9XbskG0TTyfmOLUwwnhFQ”,”loadingCover”:false,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}

var independentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var dependentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(!_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var experimentsConfig = {…independentExperimentConfigs, …dependentExperimentConfigs};

if (!_.isEmpty(experimentsConfig)) {
var experimentEnrolments = createExperimentEnrollments(experimentsConfig);
window.dispatchEvent(new CustomEvent(‘ExperimentsReady’, { payload: experimentEnrolments }));
}
}

function areRequirementsMet(experimentsConfig, requiredExperiments) {
return _.reduce(requiredExperiments, function(memo, requiredExperimentVariants, requiredExperimentName){
var requiredExperiment = experimentsConfig[requiredExperimentName];
var requiredExperimentCookieName = “market_experiment_” + requiredExperiment.id;
var requiredExperimentVariantEnabled = _.contains(requiredExperimentVariants.variants, +$.cookie(requiredExperimentCookieName));

return memo && requiredExperimentVariantEnabled;
}, true)
}

function selectExperimentVariant(expConfig) {
var variantWeights = _.object(expConfig.variants, expConfig.variantsWeights);

return _.chain(variantWeights).map(function (weight, variant) {
return _.times(weight, function() { return variant; });
}).flatten().sample().value();
}

function createExperimentEnrollments(activeExperimentsConfig) {
var enrollments = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if (!$.cookie(cookieName)) {
var requirementsMet = areRequirementsMet(activeExperimentsConfig, expConfig.requires);

if (requirementsMet) {
var variant = selectExperimentVariant(expConfig)
$.cookie(cookieName, variant, { expires: 365, domain: expConfig.domain, path: ‘/’ });
}
}
if ($.cookie(cookieName)) {
memo[expConfig.id] = $.cookie(cookieName);
}

return memo;
}, {});

var enrollmentsString = _.map(_.pairs(enrollments), function(pair) { return pair.join(“.”); }).join(“!”);

ga(t+’.set’, “exp”, enrollmentsString);
ga(t+’.set’, “dimension21”, enrollmentsString);
ga(t+’.set’, “dimension22”, enrollmentsString);

return enrollments;
}

function loadLinkingForAllAccounts() {
domLoaded().then(() => {
var ACCOUNTS = [“m”];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

ga(t+'.require', 'linker');

ga(t+'.require', 'linkid', 'linkid.js');
};

document.body.addEventListener('click', function(event) {
decorateLink(event);
});
document.body.addEventListener('contextmenu', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Right click to open context menu
decorateLink(event);
});
document.body.addEventListener('mousedown', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Middle mouse button click
if (event.button === 1) {
decorateLink(event);
}
});
});
}

function decorateLink(event) {

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

var currentTarget = jQuery(event.target);
var link = currentTarget.closest('a')[0];
var ourDomains = ["activeden.net","audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","market.styleguide.envato.com","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com"];
var filteredDomains = ourDomains.filter(function(domain) {
return domain !== document.location.hostname;
});

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

if (link && link.href) {
if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) {
ga(t+'.linker:decorate', link)
}
}
}
}

function currentSiteLinkOpensInNewWindow(link) {
return document.location.hostname === link.hostname && link.target === '_blank';
}

function setupGoogleAnalytics() {
(function () {
var accountId = "UA-11834194-7";
window['ga-disable-'+accountId] = false;

if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var options = {"name":"m","allowLinker":true};

options.storage = "none";
options.clientId = Market.Helpers.GaLsUtils.getClientId();

var clientIdValid = Market.Helpers.GaLsUtils.clientIdValid(options.clientId);
if (!clientIdValid) {
options.clientId = null;
}

ga("create", "UA-11834194-7", options);
ga(function() {
var tracker = ga.getByName(options.name);
Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId'));
})
} else {
ga("create", "UA-11834194-7", {"name":"m","allowLinker":true});
}

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i

//
<![CDATA[

if (typeof Cookiebot !== 'undefined' && Cookiebot.consent && Cookiebot.consent.statistics ) {
enableGoogleAnalyticsLinkWrapper();
} else {
window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
enableGoogleAnalyticsLinkWrapper();
}
}, false);
}

function enableGoogleAnalyticsLinkWrapper() {
// GA: universal analytics link wrapper
(function(){
window._envTrkrs = [["m", "UA-11834194-7"]];

var debug = false;
var MAX_RETRIES = 10;

/*
The script needs to wait until the Analytics script
has been downloaded from Google before initializing
*/
var waitForAnalytics = function(){
this.count = this.count || 0;

if (window.ga && ga.getByName) {
e.init();
} else {
if (count < MAX_RETRIES) { setTimeout(waitForAnalytics, 250); }
count++;
}
};

var e = {
_envArray: [],
_envTrkrs: (window._envTrkrsCust && window._envTrkrsCust.length) ? window._envTrkrs.concat(window._envTrkrsCust) : window._envTrkrs,
init: function() {
for (var i=0; i < _envTrkrs.length; i++) {
if(!ga.getByName(_envTrkrs[i][0])) {
if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var clientId = Market.Helpers.GaLsUtils.getClientId();

ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], storage: "none", clientId: clientId, allowLinker: true});
} else {
ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], allowLinker: true});
}
}
}

document.addEventListener('DOMContentLoaded', function(){
e.wrapperInit();
});

if (debug) {console.log('Initiated');}
},
wrapperInit: function() {
if (typeof window._envIsRunning != 'undefined' || window._envIsRunning == true) {
return
}
window._envIsRunning = true;

if (document.addEventListener) {
document.addEventListener('click', function(event){
var target = event.target;
if (target && target.tagName === 'A') {
e._envLinksTracker(event);
}
});
}
},
isInArray: function(e, t) {
for (var n = 0; n < t.length; n++) {
var r = new RegExp(t[n], 'i');
if (r.test(e)) {
return n
}
}
return -1
},
_envTrackevent: function(e, t, n, r) {
for (var i = 0; i < this._envTrkrs.length; i++) {
var s = this._envTrkrs[i][0].length == 0 ? '' : this._envTrkrs[i][0] + '.';
r.length == 0 ? ga(s + 'send', 'event', e, t, n) : ga(s + 'send', 'event', e, t, n, r)
}
},
_envTrackpageview: function(e, t) {
t = t.charAt(0) == '/' ? t : '/' + t;
for (var n = 0; n

//

//

Download

Olli – Single Product Landing Page

Template Features

Pages

Changelog

About the author

admin

Template Features

Pages

Changelog

More items by HarbourThemes

You may also like

About the author

admin

More items by
HarbourThemes