Header & Footer (Camden)

Learn how to configure the theme header and footer here. In your control panel, go to Storefront > Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Header & Footer'.


Header Elements

Setting Description
Cart icon Change the icon used in the utility navigation between a Bag, Cart and Basket icon.
Show store phone number in header Choose if you want to show your store's phone number in the header. Please note you need to have a phone number set up in the Store Profile area of your store control panel. Also if you enable "Simple Header" the phone number will only display in the footer, to save space.

Image Based Logo

Setting Description
Image logo size This changes the logo's size to Original (as uploaded), Optimized for theme, or Specify Dimensions. If you select Specify Dimensions, two boxes for maximum height and width will appear, allowing you to enter dimensions. When you enter one dimension, the opposite dimension is automatically adjusted to maintain the image's original aspect ratio. The Optimized for theme option is 250 x 100 pixels in size.

Replace Store Logo With SVG

Setting Description
SVG file name You can set up an SVG to display instead by following the steps on this article. You will need to upload the file into your store's WebDAV folder before this will work. Please note you will still need to upload a standard image based logo in your store control panel for your invoices, packing notes, emails etc.

Text Based Logo

Setting Description
Font size Select the size of the font used for text logo.
Text color Select the color of the font used for text logo.

Main Navigation

Setting Description
Hide web pages in main navigation The visibility of web page links from the category navigation menu can be toggled.
Hide 'View All' on Mega Menu Dropdowns By default with the style of dropdown navigation we use, lists appear when the top level item is clicked. In this case, we present a "View All" link to allow visitors to access the top level category. This option prevents the "View All" link appearing.
Enable hover over dropdowns Select this for dropdowns to appear in the navigation when you hover a cursor over it. 

The greatest usability benefit of hover-based drop-down menus is that users are able to read through the main categories, then hover one which they think might be appropriate, and then based on the revealed sub-options infer if it is in fact the appropriate parent scope or if they need to explore other main categories.
Enclosed/mega menu dropdown label You can rename the link that appears in the menu or leave this field blank to use the language file default. Please note that the text field has a 64 character limit.
Navigation design This changes the navigation design to either Simple, Simple Enclosed or Mega Menu. Find out more about the navigation modes on this article.

Simple Navigation Settings

Setting Description
Maximum top level categories show Enter the number of categories that appear in the main navigation. For large catalogs, only display your best selling categories.
Put extra categories in a dropdown Select this option to hide the other categories in your store in a "More..." list.
Extra categories dropdown label If you enabled the option above you can edit the default label text.

Mega Menu Navigation Settings

Setting Description
Hide category images If you upload a Category Image in the Control Panel to a first level category it will appear in the Mega Menu. If you'd prefer it to not show you can check this option.

Social Media Icons

Setting Description
Show in footer Select this to display social media icons in the footer. Please note social accounts must be set up to use this feature.

Footer Elements

Setting Description
Show brands in footer Select this to display link to brands page in the footer.
Show "©", current year and store name Select this toggles the © details in the footer.

Payment Icons

Setting Description
Show payment badges in footer Select this enables or disables payment method icons in the footer. Please note that we have included PaymentFont in our theme. If you need to include additional payment methods that aren't listed in the Theme Editor, you can add additional method logos by customizing the theme files. Explaining how to edit your theme files is outside the scope of our support, but you can find all the necessary information in the BigCommerce Stencil Documentation.

Credits

Setting Description
Show "Powered by BigCommerce" Choose this toggles the link back to BigCommerce.com.
Show "Designed by Flair" Choose this toggles the link back to Flairconsultancy.com.

Supported Cards

Setting Description
American Express, Diners, Discover, JCB, Mastercard, Mastercard SecureCode, Visa, Verified by Visa
Choose to enable or disable card and/or alternate payment method icons.

Credit Providers

Setting Description
Klarna Choose to enable or disable Klarna, a credit provider that spreads payments over a number of months.

Digital Wallets

Setting Description
Amazon Pay, Apple Pay, Google Pay, Paypal, Visa Payments Choose to enable or disable digital wallets.

Adyen Methods

Setting Description
Alipay, Bancontact Mister Cash, Cartes Bancaires, Elo, Giropay, Hipercard, iDeal, Paysafecard, Sepa, UnionPay, WeChat Pay
Choose to enable or disable Ayden methods.

Payment Processors

Setting Description
Powered by Braintree, Powered by Sage Pay, Powered by Skrill, Powered by Square, Powered by Stripe
Choose to enable or disable payment processors.

Apple Pay Buttons

Setting Description
Apple Pay button color Select this allows you to set the color style for Apple Pay button. The Apple Pay button only displays on certain browsers.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.