Axels

Getting Started

↑ Back to top

Introduction

↑ Back to top

Welcome to the official documentation for Axels – Jewelry Collection WooCommerce Theme.

Thank you for choosing Axels! We’ve put a lot of care and craftsmanship into developing this WordPress theme, and we’re delighted you’ve selected it for your store. This guide will help you understand the main features of Axels, as well as how to use and customize it to suit your brand.

About the Theme

Axels is a refined WooCommerce theme thoughtfully designed for jewelry collections and accessories stores. Whether you’re showcasing timeless fine jewelry or launching a modern boutique, Axels provides the perfect canvas to highlight your products with elegance.

Built as a block theme with Full Site Editing (FSE) support, it leverages theme.json and custom block styles for flexible design control. Styles are inlined and loaded on demand for performance, while a minified global CSS file ensures visual consistency. All bundled images are carefully optimized for fast loading and crisp quality.

Theme Philosophy

When a theme controls your site’s behavior, switching or updating it becomes difficult. Ideally, your website’s features should be managed by plugins, while the theme focuses purely on presentation.

While WordPress theme development has evolved over time, its foundation remains the same — a theme defines the look of your website, not its functionality.

For example, Axels does not create or manage your contact form; it only styles it beautifully. You can use any plugin like WPForms, Jetpack, or Contact Form 7, and Axels will ensure it blends seamlessly with your store’s design.

We’ve built Axels around this philosophy — focusing purely on elegant styling for WordPress and WooCommerce blocks, without adding functionality that might limit your flexibility in the future.

System Requirements

Axels is a WooCommerce theme, so we recommend ensuring your server meets the official WooCommerce system requirements. Please review the server requirements for WooCommerce. As a general guide:

• WordPress version 6.3 or later
• PHP version 7.4 or later
• Database: MySQL 5.6 or higher, or MariaDB 10.4 or higher
• Memory limit: At least 256 MB
• HTTPS support enabled

It’s also a good idea to review the WordPress Server Requirements to ensure full compatibility.

Required Plugins

WooCommerce – Essential for powering your store, as the homepage and product layouts are built using WooCommerce blocks.

Recommended Plugins

We’ve included support for several third-party plugins that enhance your store’s functionality:

• WPForms – For creating contact and inquiry forms
• MAS Static Content – For building customizable megamenus
• Stackable – For adding rich, customizable block features

Need Help?

For details on what is included with theme support and what is not, please review our Support Policy.

Installation

↑ Back to top

In this chapter, we’ll guide you through installing the Axels theme on your WordPress website. If you encounter any issues during installation, please don’t hesitate to contact our support team for assistance.

While installation services are generally outside the scope of standard support, we offer a one-time free installation service for all our customers. To take advantage of this service, reach out to us via our contact page and provide your WordPress admin details. We’ll set up the theme to match our demo, typically within 3 business days.

Installing the Theme

Once you have downloaded the axels.zip file, you’re ready to install the theme on your WordPress website.

Using WordPress (recommended)

1. Navigate to Appearance → Themes in your WordPress dashboard.
2. Click the Add Theme button at the top of the Themes page.
3. Click Upload Theme next to the Add Themes title.
4. Click Select File, then browse your computer and select the axels.zip file.
5. Click Install Now to begin the installation.
6. Once the installation is complete, you’ll see a confirmation message indicating that the theme has been installed successfully.

Installing the Theme via FTP

1. Unzip the axels.zip file on your computer.
2. Connect to your web host using an FTP client such as FileZilla.
3. Navigate to the wp-content/themes directory on your server.
4. Upload the extracted axels folder into the wp-content/themes directory.
5. After the upload is complete, go to Appearance → Themes in your WordPress dashboard and verify that Axels appears in the list of installed themes.

Installing Plugins

While Axels can function as a simple catalog or showcase site, we highly recommend installing WooCommerce to take full advantage of its product display layouts and jewelry collection features.

Steps to Install WooCommerce

1. Navigate to Plugins → Add New in your WordPress dashboard.
2. In the Search Plugins field, type WooCommerce and press Enter.
3. Locate the WooCommerce plugin in the search results and click Install Now.
4. Once the installation is complete, click Activate to enable the plugin on your site.

Activating the Theme

Before activating Axels, it is recommended to activate WooCommerce to ensure full compatibility with all jewelry product blocks and collection layouts.

Steps to Activate Axels

1. Activate WooCommerce if you haven’t already. You may be prompted to complete the WooCommerce onboarding steps — follow the instructions to finish setup.
2. Navigate to Appearance → Themes in your WordPress dashboard and confirm that Axels appears in the list of installed themes.
3. Hover over the Axels theme screenshot and click Activate.
4. A confirmation message will appear, indicating that Axels is now the active theme on your website.

Using Demo Content

↑ Back to top

Demo content helps you get started quickly and understand how the theme works. Axels uses Patterns to build its homepages and inner pages, so there’s no need to import an entire demo site or all products at once. You can simply add the pages you need by selecting the appropriate Starter pattern.

Starter Patterns

We recommend importing demo products and blog posts only if your website is currently empty. If you already have your own jewelry products or blog content, you can simply use the page patterns to create only the pages you need.

Demo Shop Products

Axels includes beautifully crafted demo jewelry products to help you quickly set up and preview your online store. These demo products are fully compatible with WooCommerce and demonstrate how your product collections, categories, and layouts will appear once populated with real items.

Key Points:

• Demo products are optional – import them only if your store doesn’t already have products.
• Importing demo products helps you see the complete look and feel of the theme, including product grids, single product pages, and category displays.
• You can replace demo products with your own jewelry items at any time without affecting the design or layout.

Demo Blog Posts

Axels also includes demo blog posts to help you visualize your site’s blog section. These posts showcase the theme’s elegant post layouts, typography, and category styling.

Key Points:

• Demo blog posts are optional – import them only if your site currently has no content.
• Importing demo posts lets you preview the full blog design and understand the layout options available.
• You can easily replace demo posts with your own content whenever you’re ready, without altering the overall styling.

One Click Demo Import

↑ Back to top

Use the one-click import feature to instantly import all demo content — including Home pages, Static pages, and Menus — so your site mirrors our Axels live demo.

Steps to Import Demo Content

1. Ensure that you’ve installed the Axels theme and activated all recommended plugins from Appearance → Install Plugins.
2. Navigate to Appearance → Import Demo Data in your WordPress dashboard.
3. Click the Import Demo Data button to start the process.
4. Sit back and relax — the import will automatically bring in all demo pages, menus, and settings.

That’s it! With just one click, your website will look exactly like the Axels demo. 423

Updating the Theme

↑ Back to top

Keeping your Axels theme up to date ensures you always have access to the latest features, performance improvements, and security updates. There are several ways to update the theme depending on how it was installed.

Recommended Update Methods

Via FTP

1. Unzip the latest axels.zip file on your computer.
2. Connect to your server using an FTP client (e.g., FileZilla).
3. Navigate to the wp-content/themes directory.
4. Upload the updated axels folder, overwriting the existing one.
5. Check your WordPress dashboard to confirm that the Axels theme has been successfully updated.

Important Notes

• Backup first: Always back up your site (both files and database) before updating the theme.
• Child theme users: If you’ve made customizations via a child theme, your changes will remain intact after the update.
• Clear cache: Once the update is complete, clear your website and browser cache to ensure you see the latest version of the theme.

Setup Pages

↑ Back to top

Home Pages

↑ Back to top

Homepage Setup

Axels includes 3 elegant and modern homepage layouts, each built as a block pattern.
This approach makes it incredibly easy to set up your homepage — simply choose the pattern you like and apply it. Each layout is uniquely styled to showcase your jewelry collections with sophistication and charm.

Because all homepages are registered as patterns, you can assign them quickly to a page in just a few clicks — no need to manually assemble sections or blocks.

Creating and Assigning Your Homepage

Follow these steps to create and assign your homepage:

Step 1: Create a Homepage

• Go to Pages → Add New.
• When you click Add New Page, a pop-up titled “Choose a Pattern” will appear.
  From here, you can select any of the available Axels patterns — including the ready-to-use homepage layouts we’ve designed as complete block patterns. This allows you to create a stunning homepage instantly without building it section by section.
• Alternatively, you can skip the pattern selection and start with a blank page.
• Enter a title for your page (for example, Home).
• Click Publish to save your page.

💡 Tip: Choosing a full homepage pattern here automatically loads the complete layout and blocks, so you can start customizing immediately.

Step 2: Assign a Template to the Home Page

• Open the page you just created.
• In the right sidebar, under the Page tab, find the Template section.
• Click Change Template and select the appropriate template:
  • 1. Canvas Template – Use this if you want to manually insert separate Header and Footer for a specific homepage.
  • 2. Page No Title Template – Use this to load the global Header and Footer across the site.
    
• Use the Preview icon to see how your homepage looks.

Add Patterns to Your Page

You can easily enhance your homepage by adding more patterns.

For convenience, each full homepage layout in Axels is available as a single pattern, so you can instantly load a complete design without manually adding each section.

• Open the Block Inserter (+) in the editor.
• Navigate to Patterns → Axels.
• Choose your preferred Home pattern (e.g., Home v1, Home v2, Home v3).

You can also combine smaller section patterns — such as product showcases, hero banners, or testimonials — to create a personalized homepage that perfectly reflects your brand’s identity.

About the Header

The header in Axels is built using blocks and can be fully customized in the Site Editor.
Each homepage pattern includes a matching header design, ensuring a cohesive and elegant look across your store.

• Go to Appearance → Editor → Templates → Header.
• Select from available Header patterns or customize the existing one using block controls.
• Adjust elements such as the logo, navigation menu, search bar, mini cart, and account icon directly within the block editor.

This gives you complete control over your store’s header while maintaining the refined aesthetics of the Axels theme.

Creating a Blog Page

To create a separate page for your blog posts:

• Go to Pages → Add New.
• Title it Blog.
• Leave the Template as Default (no custom template needed).
• Click Publish.

💡 Tip: This setup keeps your blog articles organized and distinct from your homepage, helping you maintain a clean and professional structure.

Static & Inner Pages

↑ Back to top

Set Static Pages for Homepage and Blog

Once you’ve created your homepage and blog page, you’ll need to tell WordPress which ones to use as the static front page and posts page.

Follow these steps:

1. Go to Settings → Reading in your WordPress dashboard.
2. Under Your homepage displays, choose A static page.
3. For Homepage, select the page you created as your Home.
4. For Posts page, select the page you titled Blog.
5. Click Save Changes to apply your settings.

Your site is now ready with:

• A fully designed homepage using your preferred Axels layout.
• A customizable header and footer to match your store’s branding.
• A dedicated blog page to publish your latest updates and news.

Inner Pages

Axels includes a collection of professionally designed inner page templates, ensuring your entire site maintains a cohesive and modern look.
Each page is built with WordPress blocks, allowing easy customization through the Site Editor — no coding needed.

About Page

The About Page is designed to help you share your brand’s vision and story with your visitors.

• Includes sections for company overview, mission statement, team members, testimonials, and call-to-action banners.
• Fully editable in the Block Editor — add, rearrange, or remove blocks to suit your needs.
• Uses clean typography and balanced layouts for a polished presentation.

💡 Tip: Use this page to highlight what makes your business unique and why customers can trust your brand.

Contact Page

The Contact Page provides customers with all the ways to reach you.

• Pre-built sections for contact forms, address, phone, email, map, and social media links.
• Compatible with popular form plugins like WPForms, Contact Form 7, and Jetpack Forms.
• 100% block-based — making edits or design adjustments quick and easy.Contact Template

💡 Tip: Add a short greeting or FAQ section to help customers find quick answers before reaching out.

Blog Page

The Blog Page is your platform to share articles, announcements, and insights.

• Displays posts in a clean and organized layout.
• Supports categories, tags, and featured images for easy navigation and visual appeal.
• Single post pages are styled consistently with the Axels theme design.

💡 Tip: Keep your blog updated to attract returning visitors and improve SEO performance.

404 Page

The 404 Page ensures users have a smooth experience, even when they land on a broken or missing link.

• Features a friendly message, search bar, and navigation links to redirect visitors.
• Can be fully customized using blocks — adjust text, imagery, or layout to match your brand tone.
• Keeps users engaged instead of leaving the site.

💡 Tip: Add a fun or helpful message (like “Lost your way?”) and include a prominent Back to Home button.

✨ With your Axels static and inner pages set up, your store is now fully structured — ready for product setup, customization, and launch!

Header & Footer

↑ Back to top

Header

↑ Back to top

The header is one of the most important parts of your website, appearing across every page and helping visitors navigate your jewelry store with ease.

In Axels, the header is fully block-based and can be customized effortlessly using the WordPress Site Editor.

Accessing and Editing the Header

1. Go to Appearance → Editor → Patterns → All Template Parts.
2. Under All Template Parts, locate Header.
3. Click on Header to edit it directly or replace it with a pre-designed Header pattern provided with the theme.

Key Features

• Logo: Upload your jewelry brand’s logo and link it to your homepage.
• Navigation Menu: Create elegant, easy-to-navigate menus for pages, collections, and categories.
• Search Bar: Allow visitors to instantly search for jewelry products or collections.
• Mini Cart: Displays items added to the cart for a seamless shopping experience.
• Account Icon / Login: Quick access for registered customers or guest login options.

Customizing the Header

• Use the Block Editor to add, remove, or rearrange header elements such as the logo, navigation, search, or icons.
• Apply a Header pattern to instantly load a beautifully designed header layout.
• Save your changes and preview them to ensure consistency across all pages.

💡 Tip: Each homepage in Axels includes a matching header style to complement its layout. You can maintain a consistent design or mix and match headers for a distinctive look.

Navigation

↑ Back to top

The navigation menu is a vital element of your jewelry store, helping visitors explore collections, product categories, and key pages with ease. In Axels, the navigation is completely block-based and can be customized directly from the WordPress Site Editor.

Accessing the Navigation

• Go to Appearance → Editor → Navigation.
• You’ll see a list of all existing navigation menus used throughout your site.
• Select the menu you’d like to edit or click Add New to create a new one.

Editing the Menu

• Click any menu item to rename it or link it to a page, collection, or custom URL.
• Use the + (Add Block) button to add new links or nested submenus.
• Drag and drop items to reorder them easily.
• To create dropdowns, nest items under a parent menu link.

Assigning the Menu

• Once your menu is ready, go to Appearance → Editor → Patterns → All Template Parts.
• Open the Header and replace or assign the Navigation block with your newly created menu.

💡 Tip: You can create multiple navigation menus — for example, one for the main header and another for the footer — to organize your store’s layout and enhance user experience.

Adding Megamenu

↑ Back to top

Axels supports a Megamenu dropdown using the MAS Static Content plugin.

Follow the steps below to enable and set up the megamenu for your jewelry store:

Install MAS Static Content Plugin

• Go to Plugins → Add New.
• Search for MAS Static Content.
• Click Install Now.
• After installation, click Activate.

Create a Static Content Block

• Navigate to Static Contents in your WordPress dashboard.
• Click Add New.
• Enter a descriptive name for the block, such as “Collections Megamenu” or “Shop Megamenu”.
• Use the Gutenberg block editor to design the layout of your megamenu (e.g., featured collections, categories, offers, or images).
• Click Publish to save the content.

Editor Settings

Front-end Output

Footer

↑ Back to top

The footer is an essential part of your website, appearing at the bottom of every page. It’s the perfect place to display quick links, store details, and social icons — keeping your visitors connected and informed.

In Axels, the footer is fully block-based and can be easily customized using the WordPress Site Editor.

Accessing and Editing the Footer

• Go to Appearance → Editor → Patterns → All Template Parts.
• Under All Template Parts, locate the Footer.
• Click on Footer to open it in the block editor.

Customizing the Footer

• Use the block editor to add, remove, or rearrange elements like text, links, or widgets.
• You can include elements such as:
  • Quick Links: Pages like About, Contact, or Privacy Policy.
  • Social Icons: Connect to your social media platforms.
  • Newsletter Signup: Encourage visitors to subscribe for jewelry updates and offers.
  • Copyright Text: Add your store name, year, and legal information.
• You can also apply a Footer pattern to instantly load a pre-designed layout.

Multiple Footer Designs

• Axels includes multiple footer variations tailored to match its elegant homepage layouts.
• You can switch between them anytime by selecting a different Footer pattern from the Template Parts section.

💡 Tip: Keep your footer design elegant and minimal — this complements the premium look of your jewelry store while improving navigation and trust.

WooCommerce Setup

↑ Back to top

Shop Page

↑ Back to top

The Shop page is the centerpiece of your online jewelry store, showcasing all your collections in a clean, elegant, and visually captivating layout. In Axels, the Shop page is built using WooCommerce blocks and styled to reflect the luxurious aesthetic of the theme.

Setting Up the Shop Page

• Go to Pages → Add New.
• Enter a title — for example, Shop.
• Leave the Template as Default (no need to assign a custom template).
• Click Publish to save the page.

Assigning the Shop Page in WooCommerce

• Navigate to WooCommerce → Settings → Products.
• Under the General tab, find the Shop page setting.
• From the dropdown, select the Shop page you created.
• Click Save Changes.

Customizing the Shop Layout

• Go to Appearance → Editor → Templates.
• Open the Shop or Archive Product template.
• Use the block editor to personalize your layout — for example:
  • Adjust the number of products per row.
  • Change sorting and filtering options.
  • Add promotional banners or collection highlights above the product grid.
• Save your changes once you’re done.

Features of the Shop Page

• Elegant Product Grid – Designed to showcase jewelry pieces beautifully across all devices.
• Smart Filters & Sorting – Allows customers to find items by type, price, or style.
• Quick Add to Cart – Ensures a smooth and luxurious shopping experience.
• Category & Tag Display – Helps visitors explore collections with ease.

💡 Tip: For a more boutique-style experience, consider adding a filter sidebar or featured collections section to guide shoppers toward your most exclusive pieces.

Products

↑ Back to top

The Products section is where your jewelry pieces come to life. In Axels, products are powered by WooCommerce and presented through refined, block-based layouts designed to highlight elegance, craftsmanship, and detail.

Adding a New Product

• Go to Products → Add New in your WordPress dashboard.
• Enter the Product Name and a detailed Description that captures the essence of your jewelry piece.
• Configure the Product Data:
  • Regular Price and Sale Price.
  • Inventory details like SKU and stock status.
  • Shipping details (weight, dimensions, etc.).
  • Linked Products for related or complementary items.
• Add a Product Image and a Product Gallery — use high-resolution, well-lit photos to showcase fine details.
• Assign Categories (e.g., Rings, Necklaces, Bracelets) and Tags (e.g., Gold, Diamond, Minimal).
• Click Publish to make your product live.

Customizing the Product Page

• Navigate to Appearance → Editor → Templates → Single Product.
• Here, you can tailor the design of individual product pages using blocks such as:
  • Product Title
  • Product Price
  • Product Image Gallery
  • Add to Cart Button
  • Product Description
  • Related Products or Upsells
• Rearrange, remove, or add blocks to create a luxurious product layout that fits your brand identity.

Product Display Features

• Elegant Product Grid: Designed to showcase jewelry pieces with precision and visual balance.
• Smooth Hover Effects: Subtle transitions for a sophisticated browsing experience.
• Quick Add to Cart & Wishlist: Makes it easy for customers to save or buy instantly.
• Sale Badges & Highlights: Perfect for showcasing limited editions or exclusive discounts.
• Optimized Performance: Lightweight structure ensures your gallery loads quickly without compromising image quality.

💡 Tip: Use consistent lighting, backgrounds, and image dimensions to keep your jewelry gallery cohesive and professional. Consider adding plugins like WooCommerce Wishlist or Variation Swatches for a premium, boutique-like experience.

Single Product Page

↑ Back to top

The Single Product Page in Axels is designed to spotlight each jewelry piece with elegance and precision. Every detail — from product imagery to descriptions — is presented in a clean, luxurious layout that enhances the shopping experience. The page is fully block-based and customizable through the WordPress Site Editor.

Accessing and Editing the Single Product Page

• Go to Appearance → Editor → Templates → Single Product.
• Open the template to customize how individual jewelry pieces are displayed.
• Use the block editor to easily add, remove, or rearrange elements for your desired layout.

Key Sections of the Single Product Page

• Product Title: Displays the jewelry piece’s name in a bold, elegant font.
• Product Image Gallery: Showcase multiple high-quality images with zoom and lightbox options.
• Price & Sale Price: Highlight your pricing with clear and graceful formatting.
• Add to Cart Button: Seamlessly integrated for quick and effortless purchases.
• Product Description & Short Description: Share the craftsmanship, materials, and story behind each piece.
• Product Meta: Display SKU, categories, and tags for easy organization.
• Upsells & Related Products: Suggest complementary jewelry to enhance cross-selling.
• Reviews Section: Highlight authentic customer feedback and star ratings.

Customization Tips

• Rearrange blocks to emphasize visuals, pricing, or unique design features.
• Add custom sections such as style inspiration videos, artisan highlights, or trust badges.
• Always use crisp, high-resolution images to showcase intricate jewelry details.

Features

• Elegant Responsive Design: Perfectly adapts to all screen sizes with a polished appearance.
• Quick Add to Cart & Wishlist: Simplifies shopping for returning or inspired customers.
• Refined Layout: Focused on clarity, beauty, and user experience.
• Pattern Support: Insert banners, testimonials, or collection highlights to elevate presentation.

💡 Tip: Maintain a consistent layout across all products for a cohesive and luxurious brand experience. You can also create different templates for exclusive collections or limited-edition pieces.

Cart Page

↑ Back to top

The Cart Page in Axels is thoughtfully designed to provide a smooth and elegant shopping experience. Customers can review their selected jewelry pieces, modify quantities, apply discount codes, and move seamlessly to checkout — all within a refined, visually balanced layout.

Accessing and Editing the Cart Page

• Go to Pages → All Pages and open the Cart page (automatically created by WooCommerce).
• You can use the block editor to add content or decorative patterns above or below the cart table — for example, promotional messages or trust badges.
• To adjust the cart layout globally, navigate to Appearance → Editor → Templates → Cart.

Key Features of the Cart Page

• Product List: Displays jewelry pieces added to the cart, including thumbnails, titles, prices, and quantity options.
• Remove / Update Items: Allows customers to adjust quantities or remove products easily.
• Coupon Field: Lets shoppers apply promotional codes with a single click.
• Cart Totals: Shows subtotal, shipping, taxes, and final total in a clear, elegant format.
• Proceed to Checkout Button: Smoothly transitions customers to the checkout process.

Customization Tips

• Use patterns to add promotional banners, guarantees, or subtle brand highlights above the cart table.
• Style the cart layout through block settings for typography, spacing, or color adjustments that match your brand’s identity.
• Consider adding extras such as estimated delivery notices, shipping calculators, or recommended jewelry sets for a premium experience.

💡 Tip: Keep the Cart Page minimal and refined — it should inspire confidence and gently guide your customers toward completing their purchase.

Checkout Page

↑ Back to top

The Checkout Page is where your customers complete their jewelry purchase by entering billing details, choosing a payment method, and confirming their order. In Axels, the checkout experience is designed to be elegant, secure, and distraction-free, perfectly matching the theme’s refined aesthetic.

Accessing and Editing the Checkout Page

• Go to Pages → All Pages and open the Checkout page (automatically created by WooCommerce).
• Use the block editor to add content or patterns above or below the checkout form — such as trust badges or delivery information.
• To modify the global layout, go to Appearance → Editor → Templates → Checkout.

Key Features of the Checkout Page

• Billing & Shipping Details: Collects customer contact and delivery information neatly.
• Order Summary: Displays selected jewelry items, quantities, and prices.
• Payment Options: Supports all active WooCommerce payment gateways.
• Place Order Button: Finalizes the purchase securely.
• Order Notes: Customers can leave personalized messages or special requests.

Customization Tips

• Add trust symbols or security badges to build confidence.
• Include gift message or delivery note fields for a premium shopping experience.
• Maintain a minimal, elegant design to ensure focus on the checkout process.

💡 Tip: Test the checkout with multiple payment gateways and shipping methods to ensure a seamless experience for your jewelry buyers.

Customisations

↑ Back to top

Site-level Customizations

↑ Back to top

Axels offers a range of site-wide customization options that let you control your jewelry store’s overall style, colors, and typography — ensuring a luxurious and cohesive design across every page.

Site Logo

In Axels, you can use the Site Logo block or a simple Image block to showcase your brand identity elegantly.

Steps to change your logo:

• Go to Appearance → Editor.
• In the Site Editor, click on the Header area where your current logo appears.
• Click on the logo image block.
• Use the toolbar or sidebar to find Replace or Upload.
• Choose one of the following:
  • Upload: Add a new logo from your computer.
  • Media Library: Select a logo already uploaded.
• Adjust the logo size using the Image Width option.
• Click Save to update your header template.

💡 Tip: Use a transparent, high-resolution logo for a refined and professional appearance.

Header

• Go to Appearance → Editor → Patterns → All Template Parts → Header.
• Edit the header layout using the block editor, which may include:
  • Logo
  • Navigation Menu
  • Search Bar
  • Mini Cart
  • Account / Wishlist Icons
• You can apply a Header pattern to match your store’s style or fine-tune it manually for a custom look.

💡 Tip: Axels includes header variations designed to complement different homepage styles — mix and match freely for your brand.

Primary Color

• Navigate to Appearance → Editor.
• In the left sidebar, click on Styles → Color.
• You’ll find a Theme color palette defined in theme.json.
• Click any color circle to adjust or add a new custom color with the color picker.
• Use your brand’s signature tones to personalize your store.
• Click Save when done.

💡 Tip: Jewel tones or soft neutrals pair beautifully with Axels’ elegant design — ensure text readability remains high.

Font

• Navigate to Appearance → Editor → Styles → Typography.
• Adjust fonts globally or for specific elements:
  • Body Text: Modify font family, size, and weight.
  • Headings: Customize styles for H1–H6.
  • Buttons, Links, Captions: Adjust individually for precision.
• Use Font size presets to maintain consistent scaling throughout the theme.
• Save your changes when satisfied.

💡 Tip: Choose elegant, legible fonts — for example, pairing a classic serif for headings with a clean sans-serif for body text creates a timeless jewelry aesthetic.

Footer

• Go to Appearance → Editor → Patterns → All Template Parts → Footer.
• Customize the footer using blocks like:
  • Quick Links / Menus
  • Social Media Icons
  • Newsletter Signup
  • Copyright
• You can apply one of the pre-built Footer patterns to align with your homepage style.

💡 Tip: Keep your footer minimal and consistent — it’s the perfect place to display your brand essence and essential contact links.

Adding Countdown Timer

↑ Back to top

The Countdown block helps you display elegant timers that create urgency for limited-time offers, festive discounts, or upcoming product launches. In Axels, countdowns are added using the Stackable plugin, which integrates smoothly with your page or product layouts.

Installing the Stackable Plugin

• Before using the Countdown Block, ensure the Stackable – Page Builder Gutenberg Blocks plugin is installed and activated.
• Go to Plugins → Add New in your WordPress dashboard.
• Search for “Stackable – Gutenberg Blocks”.
• Click Install Now, then Activate.
• After activation, the Countdown Block will be available in the block editor.

Adding a Countdown Block

• Go to Pages → Edit (or edit any post or product page).
• Click the “+” (Add Block) button and search for Countdown.
• Select the Stackable Countdown Block from the list.
• Configure the Countdown settings from the right sidebar:
  • End Date & Time – set the exact time when the countdown should end.
  • Labels – enable or disable day/hour/minute/second labels.
  • Expiry Action – choose what happens after the timer ends (e.g., show a message or hide the block).

Customize the Appearance

• Adjust colors, spacing, and typography to match your jewellery brand’s elegance.
• Choose from Stackable’s design presets for quick and polished styling.
• Click Update or Publish to save your changes.

WPForms Integration

↑ Back to top

Axels supports WPForms — a powerful drag-and-drop form builder plugin for WordPress — allowing you to easily create and manage contact forms, product inquiry forms, appointment request forms, and other custom forms across your jewellery store.

Creating Forms

Before creating a form, ensure the WPForms plugin is installed and activated. You can then create a new form by navigating to WPForms → Add New Form in your WordPress dashboard.

After clicking Add New Form, a new page will open where you can build your form using one of the available templates. You can choose from templates such as a Simple Contact Form, Product Inquiry Form, Signup Form, Suggestion Form, or start with a Blank Form for full customization.

Once your form is created, use the WPForms drag-and-drop builder to add, reorder, and customize your fields to fit your store’s requirements.

FAQs

↑ Back to top