Storefront Developer D...

How do I display content blocks on the storefront?

The structure of the views for the block items is shown below. If you are creating your own theme...

How do I add additional information to block items?

In some cases, more data is needed than the default values provided on each block item. For examp...

How do I access the breadcrumb?

To access the breadcrumb on the storefront, use the breadcrumb()function inside Twig files: <ul ...

How do I manipulate the breadcrumb?

The breadcrumb can be manipulated from within a PHP file. Typically, this will either be on an ex...

How do I add a Custom CSS File to the Checkout?

You can add a custom CSS file to the checkout by creating a checkout.cssfile in your public dire...

How do I change the logo in the checkout?

You can change the logo in the checkout by creating this file: resources/vendor/checkout/section...

How do I add a marketing opt-in to the checkout?

This article covers how to insert a checkbox into the checkout flow, that when ticked, will allow...

How do I change the store currency?

In order to change the store currency, publish the store configuration file: php artisan vendor:p...

What is a fascia currency and how do I use it?

A fascia currency can be set to render a different currency to the one specified in the store con...

How do I use Image Factory?

The image factory can be called using the image_factory()helper function from within PHP (.php a...

What are the available options for Image factory?

There are several options that can be used to manipulate the image. These can be chained. path - ...

What is the storefront?

Your Aero storefront is your customer facing front-end. Storefronts are built using a component b...

Introduction to themes

Your Theme holds the individual collection of components, visuals and styles that make up your st...

Introduction to storefront structure

The following structural elements are used to create your Aero storefront: Pages - Layouts - Sect...

Introduction to image factory

The Aero Image Factory allows you to scale images appropriately and therefore accelerate page loa...

Introduction to the breadcrumb

Aero includes breadcrumb navigation as standard. Breadcrumbs allow users to easily track and acce...

How do I access the admin for the first time?

To access the admin, open the project in your browser and navigate to /admin. Default login cred...

Introduction to blocks for storefront developers

Whilst the layout of the storefront is dictated by the theme, the displayed content is managed th...

Introduction to storefront pages

Pages form the core of your Aero Storefront. Pages are the main structural element of your store....

Introduction to sections

Edit once, change everywhere - Sections remove unnecessary code duplication and streamline develo...

What makes up the main storefront layout?

By default, all of your pages reference your 'main' layout - this ensures the same scaffolding st...

How do I edit the main storefront layout?

As with standard HTML, to rearrange the contents within each area simply reorder the contents in ...

Introduction to layouts

Layouts standardise the look and feel of your Aero storefront. Layout location All layouts are he...

What are the standard storefront pages?

Aero includes the following standard ecommerce pages. These are automatically created when you cr...

Introduction to twig

Storefront pages are built using the Twig template engine. Twig is a fast, secure and flexible PH...

How do I set a slug validator?

You can control if a collection of slugs is valid or not by setting your own validator: \Aero\Sto...

What are the available storefront section parameters?

Sections can be easily parameterised. This brings more flexibility and removes further duplicatio...

How do I create a new storefront section?

To create a new Section, follow the steps below: Step 1- Within you Aero file structure, navigate...

How do I use a storefront section?

To use a Section within an Aero page, follow the steps below: Step 1- Within Views, select the pa...

How do I add featured products to the homepage of my store?

Listing collections can be used to group products together and display them on specified pages. I...

How do I add a contact form to my storefront?

Introduction Forms Location your_theme_name>resources>views>forms Any files created inside this d...

How do I convert a listings page into a landing page?

Update AppServiceProvider Add the following namespaces: use Aero\Catalog\Models\Category; use Aer...

How to add a header image to your listings page

On a listings page we can pass through an image from the admin using the combinationvariable in ...

How to add sashes to your listing card / product page

There are several ways to achieve this feature. We'll highlight a few below. Method 1: Using tags...

Anatomy of a theme

└─ layout └─ page └─ section └─ snippet └─ element └─ element └─ ...

How do I create a custom twig function?

Aero can extend Twig to add custom functions that can then be used throughout the shop. To create...

How do I install a theme?

Install the Aero Theme components To install a theme we must first install our theme UI package t...

How do I create a custom theme?

If you've created a custom .yml config file you can build a theme by referencing it as the --conf...

How do I compile my theme styles?

To compile the styles of your theme you first need to change directory in terminal to your theme ...

What are the themes available?

We have a number of official themes available. These themes are designed to be used as a starting...

How do I display the prices from my price list?

You can display what the sales price was before the price list was applied, how much of a discoun...

How do I use a custom Vue component in the storefront?

This repo (https://github.com/aerocargo/example-vue You need to make your component .vuefile(s) a...

How to Implement Subscriptions on the Product Page

To implement subscriptions on your product page you’ll need to add some code to your themes produ...

How do I implement subscriptions on the product page?

To implement subscriptions on your product page you’ll need to add some code to your themes prod...

How do I give split listings names generated from their attributes?

This code example extends the Aero\Search\Elastic\Documents\ListingDocumentdocument to generate ...

Listing items per page

Update AppServiceProvider app>Providers>AppServiceProvider.php Add the following namespaces: use ...

Storefront Developer Documentation

Blocks