351 results
Sorted by relevance
Storefront Developer Documentation / Breadcrumb
How do I manipulate the breadcrumb?
The breadcrumb can be manipulated from within a PHP file. Typically, this will either be on an existing Aero route such as the homepage or product page, or a new route that is custom to the project or module.
Adding to the breadcrumb
To add crumbs to the bread...
Storefront Developer Documentation / Checkout
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 directory.
Example contents where we are changing the to use a black background:
.header {
background-color:#000000;
}
.header__progress li:before {
background...
Storefront Developer Documentation / Checkout
How do I change the logo in the checkout?
You can change the logo in the checkout by creating this file:
resources/vendor/checkout/sections/logo.twigand putting your logo contents inside of it.
Example contents:
<a href="{{ route('home') }}" title="{{ trans("checkout::general.return_to_store_link") }...
Storefront Developer Documentation / Checkout
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 you to send information to a third party system.
In order to add a marketing optionally opt-in to the checkout we first need to extend the
CheckoutCustomerPageto...
Storefront Developer Documentation / Currencies
How do I change the store currency?
In order to change the store currency, publish the store configuration file:
php artisan vendor:publish --tag aero::store-config
Locate the configurations section of the published config/aero/store.php file and update the currency_code value of the active stor...
Storefront Developer Documentation / Currencies
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 configuration.
Setting the fascia currency
The easiest way to check for and apply the fascia currency is through
storemiddleware. The example snippet below details h...
Storefront Developer Documentation / Image Factory
How do I use Image Factory?
The image factory can be called using the
image_factory()helper function from within PHP (.php and .blade.php) and Twig (.twig) files. When initializing an instance, the width and height of the resized image must be provided (in pixels).
The image factory out...
Storefront Developer Documentation / Image Factory
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 - webp - retina - dpr - flip - contain - crop - upscale - rotate - sharpen - pixelate - quality - invert - greyscale - placeholder - options
path($path)
The
pathopt...
Storefront Developer Documentation / Introduction
What is the storefront?
Your Aero storefront is your customer facing front-end.
Storefronts are built using a component based structure. This greatly reduces both your development and maintenance effort. Using components allows you to make store-wide changes quickly and efficiently.
...
Storefront Developer Documentation / Introduction
Introduction to themes
Your Theme holds the individual collection of components, visuals and styles that make up your storefront.
Themes ensure consistency within your site. Allowing you to quickly and easily alter the look, without affecting the underlying logic. Themes give you th...
Storefront Developer Documentation / Introduction
Introduction to storefront structure
The following structural elements are used to create your Aero storefront:
Pages - Layouts - Sections - Blocks
Storefront Developer Documentation / Introduction
Introduction to image factory
The Aero Image Factory allows you to scale images appropriately and therefore accelerate page load times.
See "How do I use Image Factory?
Storefront Developer Documentation / Introduction
Introduction to the breadcrumb
Aero includes breadcrumb navigation as standard. Breadcrumbs allow users to easily track and access the pages they have visited within your storefront.
See our section on breadcrumbs for more information.
Storefront Developer Documentation / Introduction
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 credentials
Use the following login credentials to access the admin for the first time. You'll be prompted to update your details and set a more secure password.
Email...
Storefront Developer Documentation / Introduction
Introduction to blocks for storefront developers
Whilst the layout of the storefront is dictated by the theme, the displayed content is managed through blocks. This includes navigation (such as header and footer menus), promotional imagery, static text and HTML snippets. Each block can contain multiple items...
Storefront Developer Documentation / Introduction
Introduction to storefront pages
Pages form the core of your Aero Storefront.
Pages are the main structural element of your store. Aero Pages are dynamic, this allows a single page to display various content, depending on customer actions. This makes Aero pages easy to update and low maintena...
Storefront Developer Documentation / Introduction
Introduction to sections
Edit once, change everywhere - Sections remove unnecessary code duplication and streamline developer activity.
Sections are reusable chunks of markup and/or code that allow developers to componentise functionality.
Sections allow developers to reduce duplicati...
Storefront Developer Documentation / Layouts
What makes up the main storefront layout?
By default, all of your pages reference your 'main' layout - this ensures the same scaffolding structure for each of your sections/pages
The 'main' layout calls divides your page into the following screen areas:
headercalls the 'header' section - breadcrumbcal...