Skip to main content
Advanced Search
Search Terms
Content Type

Exact Matches
Tag Searches
Date Options
Updated after
Updated before
Created after
Created before

Search Results

418 total results found

Sections

Storefront Developer Documentation

Sections

What are the available storefront section parameters?

Storefront Developer Documentation Sections

Sections can be easily parameterised. This brings more flexibility and removes further duplication. Using parameters in Sections is quick, easy and powerful. Follow the steps below to create and use a Section: Step 1 - Adding parameters to the Section file To ...

How do I create a new storefront section?

Storefront Developer Documentation Sections

To create a new Section, follow the steps below: Step 1- Within you Aero file structure, navigate to Views>Sections>create file - Step 2- Enter a section name and hit enter - for demonstration we are using example as the section name - Step 3- Check that 'exam...

How do I use a storefront section?

Storefront Developer Documentation Sections

To use a Section within an Aero page, follow the steps below: Step 1- Within Views, select the page where you are going to add the 'example' Section - Step 2- Use the following code to insert the Section into your page: {% section "example" %}

Themes

Storefront Developer Documentation

Themes

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

Storefront Developer Documentation Themes

Listing collections can be used to group products together and display them on specified pages. Install Run this command at the root of your project composer require aerocargo/listing-collections Create your section Create the file; your_theme_name/resources/s...

How do I add a contact form to my storefront?

Storefront Developer Documentation Themes

Introduction Forms Location your_theme_name>resources>views>forms Any files created inside this directory can be included on a page using {% form "contact" %} Create a Contact Form Create your form in the forms location, for example contact.twig: <form actio...

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

Storefront Developer Documentation Themes

Update AppServiceProvider Add the following namespaces: use Aero\Catalog\Models\Category; use Aero\Responses\ResponseBuilder; use Aero\Store\Http\Responses\ListingsPage; use Illuminate\Support\ServiceProvider; use Closure; Extend the listings page: class AppSe...

How to add a header image to your listings page

Storefront Developer Documentation Themes

On a listings page we can pass through an image from the admin using the combinationvariable in the listings.twigview. The combination is the data model that holds the information for the particular listings page being viewed - since listings can be made up ...

How to add sashes to your listing card / product page

Storefront Developer Documentation Themes

There are several ways to achieve this feature. We'll highlight a few below. Method 1: Using tags Assigning a tag group for use as "sashes" will allow you to bulk tag many products so that they have the same sash. Update AppServiceProvider Add the following na...

Anatomy of a theme

Storefront Developer Documentation Themes

└─ layout └─ page └─ section └─ snippet └─ element └─ element └─ section └─ snippet └─ element └─ element └─ snippet └─ element └─ element Elements are the base level of the Aero desig...

How do I create a custom twig function?

Storefront Developer Documentation Themes

Aero can extend Twig to add custom functions that can then be used throughout the shop. To create a custom twig function, we have to access a service provider that is of our concern - e.g. AppServiceProvideror a Service Providerbelonging to a module. In order ...

How do I install a theme?

Storefront Developer Documentation Themes

Install the Aero Theme components To install a theme we must first install our theme UI package to the vendor directory of your project by running this command in the root of your project; composer require aerocommerce/theme-ui --dev The theme UI package gives...

How do I create a custom theme?

Storefront Developer Documentation Themes

If you've created a custom .yml config file you can build a theme by referencing it as the --config, for example if you created your file in the root of your project you can run: php artisan theme:build your_theme_name --config=custom.yml Additional informatio...

How do I compile my theme styles?

Storefront Developer Documentation Themes

To compile the styles of your theme you first need to change directory in terminal to your theme folder: cd your_project/themes/your_theme_name Compiling your styles Our themes are built to use npm, the webpack.mix.jsfile contains the required code to compile...

What are the themes available?

Storefront Developer Documentation Themes

We have a number of official themes available. These themes are designed to be used as a starting point for your project and have been meticulously crafted with conversion, speed and responsive design at their core. Our official themes are built using Tailwind...

How do I display the prices from my price list?

Storefront Developer Documentation Themes

You can display what the sales price was before the price list was applied, how much of a discount the customer is getting, and whether the price they’re seeing is specifically for them (such as a price caused by them being in a specific customer group). Listi...

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

Storefront Developer Documentation Themes

This repo (https://github.com/aerocargo/example-vue You need to make your component .vuefile(s) and your main .jsfile that will register all of the components. An example javascript structure can be found here in the repo (https://github.com/aerocargo/example-...