Xenon theme guide

Xenon is a Shopify theme for stores that sell parts and electronics: laptop and phone parts, components, accessories, refurbished devices. It's built around what parts shoppers need before they buy:

Part numbers on every product card, in search results and in the cart, so shoppers can match exactly.
Compatibility lists with a model filter, and specifications in a clean table.
Clear stock and dispatch times, including stock you order from a supplier.
A request hub on your contact page, so shoppers can ask for a part you don't list, start a return or get tech support, with the right details filled in.
Search that finds part numbers from the first few characters, with live results as shoppers type.

This guide explains how to set up and use every part of the theme.

Getting started: install Xenon and set up your store in about an hour.
Set up your product data: part numbers, condition, stock source, specifications and compatibility.
Theme settings: logo, colors, fonts, layout, store details and the rest.
Header and footer: menus, the announcement bar, search, social media icons.
Home page and other sections: slideshow, product grids, logo list and the other sections you can add.
Product pages: the blocks on the product page, and the featured product section.
Collections and search: filters, sorting and live search.
Cart: the cart drawer and page, and the free shipping bar.
Contact page and part requests: the request hub and contact details.
Blog and other pages: blog posts, pages, the 404 page, the password page and gift cards.
Frequently asked questions
Support: how to get help, and what support covers.
Settings reference: every setting, with its choices and default.

How to read this guide

Places in the theme editor are written as a path in bold. For example:

Theme settings > Cart > Show order note means: in the theme editor, open Theme settings (the gear icon), then Cart, then find Show order note.
Header > Main menu means: select the Header section, then find Main menu.
Product information > Buy buttons means the Buy buttons block in the product page's Product information section.

Places in your Shopify admin are written the same way, starting from the admin's left-hand menu, for example Settings > Payments.

To open the theme editor, go to Online Store > Themes in your Shopify admin and click Customize on Xenon.