Archer Themes Knowledge Base

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Archer Themes Knowledge Base</title> <meta name="viewport" content="width=device-width, maximum-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Common questions and support documentation"/> <meta name="author" content="Archer Commerce"/> <link rel="canonical" href="https://archer-commerce.helpscoutdocs.com"/> <link rel="stylesheet" href="//d3eto7onm69fcz.cloudfront.net/assets/stylesheets/launch-1732006972479.css"> <style> body { background: #ffffff; } .navbar .navbar-inner { background: #889587; } .navbar .nav li a, .navbar .icon-private-w { color: #ffffff; } .navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus { color: #ffffff; } .navbar a:hover .icon-private-w, .navbar a:focus .icon-private-w, .navbar .active a .icon-private-w, .navbar .active a:hover .icon-private-w, .navbar .active a:focus .icon-private-w { color: #ffffff; } #serp-dd .result a:hover, #serp-dd .result > li.active, #fullArticle strong a, #fullArticle a strong, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a:hover span, .category-list .category .article-count, .category-list .category:hover .article-count { color: #4381b5; } #fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table { color:#11201d; } </style> <link rel="stylesheet" href="//s3.amazonaws.com/helpscout.net/docs/assets/6305090805b24664d41a9238/attachments/638e1c3db516b82a04e934ea/docs.css"> <link rel="apple-touch-icon-precomposed" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/6305090805b24664d41a9238/images/648083225fc2fe6b6dc5f7f1/favicon-alt2.png"> <link rel="shortcut icon" type="image/png" href="//d33v4339jhl8k0.cloudfront.net/docs/assets/6305090805b24664d41a9238/images/648084985fc2fe6b6dc5f7f3/favicon-alt5.png">  <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","url":"https://archer-commerce.helpscoutdocs.com","potentialAction":{"@type":"SearchAction","target":"https://archer-commerce.helpscoutdocs.com/search?query={query}","query-input":"required name=query"}} </script> <link rel="stylesheet" href="https://use.typekit.net/pne2nmt.css"> <script type="text/javascript"> (function() { function customScript() { var hasTouch = function () { return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0; }; var addClassesToBody = function () { var $body = $('body'); if (!hasTouch()) document.body.className += ' hasHover'; $body.wrapInner( "<div class='content-body'></div>"); $( ".content-body" ).contents().find( "script" ).unwrap(); if ( window.location.pathname === '/' ) { $body.attr( 'id', 'article-index' ); } else if (window.location.pathname == '/search' || $('#errorContainer').length) { $body.attr('id', 'article-search'); var $seacrhTitle = $('#serp h1'); var searchText = $seacrhTitle.find('strong').text(); $seacrhTitle.html(`Here鈥檚 what we found for <strong>${searchText}</strong>`); } else { $body.attr( 'id', 'main-article' ); $('#sidebar h3').text('Help Topics'); } }; var initiateMenu = function() { var $body = $('body') var $buttonNavBar = $('.btn-navbar'); var $navUl = $('#mainNav .navbar-inner .nav'); var $contentBody = $('.content-body'); $buttonNavBar.find('.sr-only').remove(); $navUl.empty(); $navUl.append('<li><a href="#contactModal">Contact us</a></li>'); $contentBody.before('<nav class="mobile-nav-wrapper">' + '<ul class="nav">' + $navUl.html() + '</ul>' + '</nav>'); var $mobileNavWrapper = $('.mobile-nav-wrapper'); $buttonNavBar.click(function (evt) { evt.preventDefault(); $buttonNavBar.toggleClass('btn-navbar--arrow'); $mobileNavWrapper .toggleClass('js-nav--is-open'); $body.toggleClass('body--navbar-open'); evt.stopPropagation(); }); $body.click(function () { if( $body.hasClass('body--navbar-open') ) { $buttonNavBar.removeClass('btn-navbar--arrow'); $mobileNavWrapper .removeClass('js-nav--is-open'); $body.removeClass('body--navbar-open'); } }); }; var initiateSearch = function() { var $searchQueryInput = $('.search-query'); var $resultsDropdwon = $('#serp-dd'); var delayCloseOnBlur = false; $searchQueryInput.attr('placeholder', 'I鈥檓 looking for...'); $searchQueryInput.keyup(function(evt) { if ($searchQueryInput.val() && $searchQueryInput.hasClass('search-query--white')) { return; } if ($searchQueryInput.val()) { $searchQueryInput.addClass('search-query--white'); $resultsDropdwon.addClass('serp-dd--visible'); } else { $searchQueryInput.removeClass('search-query--white'); $resultsDropdwon.removeClass('serp-dd--visible'); } }); $searchQueryInput.focus(function(evt) { if ($searchQueryInput.val()) { $searchQueryInput.addClass('search-query--white'); $resultsDropdwon.addClass('serp-dd--visible'); } }); $resultsDropdwon.mousedown(function() { delayCloseOnBlur = true; }); $searchQueryInput.blur(function(evt) { if (delayCloseOnBlur) { setTimeout(function(){ $searchQueryInput.removeClass('search-query--white'); $resultsDropdwon.removeClass('serp-dd--visible'); }, 400); delayCloseOnBlur = false; } else { $searchQueryInput.removeClass('search-query--white'); $resultsDropdwon.removeClass('serp-dd--visible'); } }); }; var initiateFooter = function () { var $body = $('body'); var footerHtml = $('footer').html(); $('footer').remove(); $('.content-body').after(`<footer class="center">${footerHtml}</footer>`); }; addClassesToBody(); initiateSearch(); initiateFooter(); } if (window.addEventListener) { window.addEventListener("load", customScript, false); } else if (window.attachEvent) { window.attachEvent("onload", customScript); } })() </script> </head> <body> <script> window.onload = function() { $("#searchBar input.search-query" ).focus(); }; </script> <header id="mainNav" class="navbar"> <div class="navbar-inner"> <div class="container-fluid"> <a class="brand" href="/"> <span>Archer Themes Knowledge Base</span> </a> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse collapse"> <nav role="navigation"> <ul class="nav"> <li id="contact"><a href="#" class="contactUs" onclick="window.Beacon('open')">Contact</a></li> <li id="contactMobile"><a href="#" class="contactUs" onclick="window.Beacon('open')">Contact</a></li> </ul> </nav> </div> </div> </div> </header> <section id="docsSearch"> <h1>Hi, what can we help you find?</h1> <form action="/search" method="GET" id="searchBar" autocomplete="off"> <input type="text" name="query" title="search-query" class="search-query" placeholder="Search the knowledge base" aria-label="Search the knowledge base" value=""> <button type="submit" aria-label="Search"><i class="icon-search lp"></i><span>Search</span></button> <div id="serp-dd" style="display:none;"> <ul class="result"></ul> </div> </form> </section> <section id="contentArea" class="container-fluid"> <div id="noResults" style="display:none;">No results found</div>  <section class="category-list"> <a class="category" id="category-4" href="/category/4-about-frame"> <h3>Getting Started</h3> <p>Just downloaded our theme? Try this Quick Start guide to get up and running.</p> <p class="article-count"> <span class="notranslate">5</span> articles </p> </a> <a class="category" id="category-6" href="/category/6-theme-settings"> <h3>Theme Settings</h3> <p>What size should my product images be? How can I change my theme colors? Answers here</p> <p class="article-count"> <span class="notranslate">13</span> articles </p> </a> <a class="category" id="category-13" href="/category/13-products"> <h3>Products</h3> <p>Your comprehensize guide to creating high-converting product pages.</p> <p class="article-count"> <span class="notranslate">19</span> articles </p> </a> <a class="category" id="category-10" href="/category/10-sections"> <h3>Sections</h3> <p>Want to create custom content for your site? Check here to find out how.</p> <p class="article-count"> <span class="notranslate">28</span> articles </p> </a> <a class="category" id="category-107" href="/category/107-blog"> <h3>Blog</h3> <p></p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-116" href="/category/116-additional-configurations"> <h3>Additional Configurations</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> <a class="category" id="category-81" href="/category/81-collection-list"> <h3>Collections List</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> <a class="category" id="category-106" href="/category/106-footer"> <h3>Footer</h3> <p></p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-105" href="/category/105-newsletter"> <h3>Email Signup</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> <a class="category" id="category-7" href="/category/7-announcement-bar"> <h3>Announcement Bar</h3> <p></p> <p class="article-count"> <span class="notranslate">2</span> articles </p> </a> <a class="category" id="category-17" href="/category/17-apps"> <h3>Apps</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> <a class="category" id="category-14" href="/category/14-cart"> <h3>Cart</h3> <p></p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-12" href="/category/12-collections"> <h3>Collections</h3> <p></p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-18" href="/category/18-icons"> <h3>Icons</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> <a class="category" id="category-8" href="/category/8-main-navigation"> <h3>Header</h3> <p></p> <p class="article-count"> <span class="notranslate">4</span> articles </p> </a> <a class="category" id="category-15" href="/category/15-pages"> <h3>Pages</h3> <p></p> <p class="article-count"> <span class="notranslate">3</span> articles </p> </a> <a class="category" id="category-11" href="/category/11-search"> <h3>Search</h3> <p></p> <p class="article-count"> <span class="notranslate">1</span> article </p> </a> </section> <footer class="center"> <p>© Archer Commerce 2024. <span>Powered by <a rel="nofollow noopener noreferrer" href="https://www.helpscout.com/docs-refer/?co=Archer+Commerce&utm_source=docs&utm_medium=footerlink&utm_campaign=Docs+Branding" target="_blank">Help Scout</a></span> </p> </footer> </section> <script id="beaconLoader" type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script> <script type="text/javascript">window.Beacon('init', '99974860-3535-4b5c-8af0-88aa1b652d31')</script> <script type="text/javascript"> function hashChanged() { var hash = window.location.hash.substring(1); if (hash === 'contact') { window.Beacon('open') } } if (window.location.hash) { hashChanged() } window.onhashchange = function () { hashChanged() } window.addEventListener('hashchange', hashChanged, false); </script> <script src="//d3eto7onm69fcz.cloudfront.net/assets/javascripts/app3.min.js"></script> <script> // keep iOS links from opening safari if(("standalone" in window.navigator) && window.navigator.standalone){ // If you want to prevent remote links in standalone web apps opening Mobile Safari, change 'remotes' to true var noddy, remotes = false; document.addEventListener('click', function(event) { noddy = event.target; while(noddy.nodeName !== "A" && noddy.nodeName !== "HTML") { noddy = noddy.parentNode; } if('href' in noddy && noddy.href.indexOf('http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes)){ event.preventDefault(); document.location.href = noddy.href; } },false); } </script> </body> </html>

CINXE.COM

Archer Themes Knowledge Base