Add more functionality to your TastyIgniter website with these awesome basic tools.
- Place banners on any front-end page
- Manage and display featured menu items
- Display a subscribe form to gain subscribers using mailchimp
- Manage and show an hero slider on any front-end page
- Contact form
- Display Google reCAPTCHA on any front-end page
When adding components to a page or layout, use the admin user interface to avoid common errors.
In the admin user interface you can manage banners, featured items and images for the slider. Manage banners on the Marketing > Banners page and slider on the System > Settings > Slider Settings page
In the admin go to Settings > reCaptcha Settings. You must enter a Site Key and a Secret Key.
Selecting a language is optional. Please follow the instructions on the settings page to get these keys.
| Name | Page variable | Description |
|---|---|---|
| Banners | <?= component('banners') ?> |
Displays banners |
| Contact | <?= component('contact') ?> |
Displays Contact form |
| FeaturedItems | <?= component('featuredItems') ?> |
Displays featured menu items |
| Newsletter | <?= component('newsletter') ?> |
Displays newsletter subscribe form |
| Slider | <?= component('slider') ?> |
Displays carousel slider |
| Captcha | <?= component('captcha') ?> |
Displays Google reCAPTCHA |
Properties
| Property | Description | Example Value | Default Value |
|---|---|---|---|
| banner_id | Banner ID | ||
| width | Width | 960 | 960 |
| height | Height | 360 | 360 |
Variables available in templates
| Variable | Description |
|---|---|
| $banner | The banner to display |
Example:
---
'[banners]':
width: 960
height: 360
---
...
<?= component('banners') ?>
...
Example of multiple banners on a single page:
---
'[banners bannerOne]':
banner_id: 1
width: 960
height: 360
'[banners bannerTwo]':
banner_id: 2
width: 960
height: 360
'[banners bannerThree]':
banner_id: 3
width: 960
height: 360
---
...
<?= component('bannerOne') ?>
<?= component('bannerTwo') ?>
<?= component('bannerThree') ?>
...
Properties
| Property | Description | Example Value | Default Value |
|---|---|---|---|
| redirectPage | Page path to redirect to after contact form has been sent successfully | contact | contact |
Example:
---
title: 'Contact'
permalink: /contact
'[contact]':
---
...
<?= component('contact') ?>
...
Properties
| Property | Description | Example Value | Default Value |
|---|---|---|---|
| title | Title to display | ||
| items | List of menu item ids to display | ||
| limit | Number of items to display | 12 | 12 |
| itemsPerRow | Number if items to display per row | 3 | 3 |
| itemWidth | Item Width | 400 | 400 |
| itemHeight | Item Height | 300 | 300 |
Variables available in templates
| Variable | Description |
|---|---|
| $featuredTitle | Title |
| $featuredPerRow | Items per row |
| $featuredWidth | Item width |
| $featuredHeight | Item height |
| $featuredMenuItems | List of featured items to display |
Example:
---
title: 'Home'
permalink: /
'[featuredItems]':
items: ['1', '2', '3', '4']
limit: 3
itemsPerRow: 3
itemWidth: 400
itemHeight: 300
---
...
<?= component('featuredItems') ?>
...
Example:
---
'[newsletter]': { }
---
...
<?= component('newsletter') ?>
...
Example:
---
'[slider]': { }
---
...
<?= component('slider') ?>
...
Using the captcha is as easy as possible: simply place the captcha component anywhere between < form > and </form > on your pages. Of course, you can also use the captcha component on multiple pages.
Example:
---
'[captcha]': { }
---
<form>
...
<?= component('captcha') ?>
...
</form>
Verify submitted data
Add recaptcha to your rules
$validator = Validator::make(request()->all(), [
...
'g-recaptcha-response' => 'recaptcha',
]);
Print form errors
$errors = $validator->errors();