Advanced Search
Search Results
349 total results found
How do I edit the main storefront layout?
As with standard HTML, to rearrange the contents within each area simply reorder the contents in the relevant section or twig file (content). It is also possible to rearrange the areas of your layout. To do this, reorder the contents of your 'main' layout.
Introduction to layouts
Layouts standardise the look and feel of your Aero storefront. Layout location All layouts are held within your local Aero installation.You can find them here: resources>views>layouts
What are the standard storefront pages?
Aero includes the following standard ecommerce pages. These are automatically created when you create a new Aero store: Homepage- Your main landing page - Listings- Product listings based on searches or category selection - Product- Specific product details - ...
Introduction to twig
Storefront pages are built using the Twig template engine. Twig is a fast, secure and flexible PHP templating solution. Before developing with Aero, we recommend that you become acquainted with the core concepts of Twig. The official Twig documentation is a gr...
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\Store\Routing\Slugs::setValidator(function ($slugs, $resolver) { if ($resolver !== 'listings') return true; if ($slugs->count() < 3 && $slugs->where('model_ty...
What are the available storefront section parameters?
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?
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?
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" %}
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. 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?
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?
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
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
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
└─ 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?
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?
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?
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?
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...