Example Tastics To Create

Below is an alphabetical order list of just some of the Tastics that you can create for your Frontend Managers to use.

You'll find the name of the Tastic, an image/GIF showing an example of what it could look like, plus the example Schema.

Account Access

Example Tastics To Create Account Access

{
    "tasticType": "account-login",
    "name": "Login",
    "category": "Account",
    "icon": "person",
    "schema": [
        {
            "name": "Content",
            "fields": [
                {
                    "label": "Show Registration",
                    "field": "showRegistration",
                    "type": "boolean",
                    "default": true
                },
                {
                    "label": "Show Forgot Password",
                    "field": "showForgotPassword",
                    "type": "boolean",
                    "default": true
                }
            ]
        }
    ]
}

Account Profile

Example Tastics To Create Account Profile

{
    "tasticType": "frontastic\/boost\/account-profile",
    "name": "Profile",
    "category": "Account",
    "icon": "account_box",
    "schema": [
        {
            "name": "Content",
            "fields": []
        }
    ]
}

Cart

Example Tastics To Create Cart

{     
	"tasticType": "frontastic\/boost\/cart",     
	"name": "Cart",     
	"icon": "menu",     
	"category": "Boost Theme",     
	"schema": [         
		{            
			"name": "Company Menu",             
			"fields": []         
		}     
	] 
}

Category Button Boxes

Example Tastics To Create Category Button Boxes

{
    "tasticType": "frontastic\/boost\/category-button-boxes",
    "name": "Category Button Boxes",
    "icon": "menu",
    "category": "Boost Theme",
    "schema": [
        {
            "name": "Boxes",
            "fields": []
        }
    ]
}

Delivery Features

Example Tastics To Create Delivery Features

{
    "tasticType": "frontastic\/boost\/delivery-features",
    "name": "Delivery Features",
    "icon": "menu",
    "category": "Boost Theme",
    "schema": [
        {
            "name": "Company Menu",
            "fields": []
        }
    ]
}

Footer (Contact Info)

Example Tastics To Create Footer Contact Info

{    
    "tasticType": "frontastic\/boost\/footer-contact-info",
    "name": "Footer Contact Info",
    "icon": "place",
    "category": "General",
    "schema": [
        {
            "name": "Contact Info",
            "fields": [
                {
                    "label": "Header",
                    "field": "header",
                    "type": "string"
                },
                {
                    "label": "Phone Number",
                    "field": "phoneNumber",
                    "type": "string"
                },
                {
                    "label": "Phone Number Subline",
                    "field": "phoneNumberSubline",
                    "type": "string"
                },
                {
                    "label": "E-Mail",
                    "field": "email",
                    "type": "string"
                },
                {
                    "label": "E-Mail Overline",
                    "field": "emailOverline",
                    "type": "string"
                }
            ]
        }
    ]
}

Footer (Link List)

Example Tastics To Create Footer Link List

Footer (Meta Navigation)

Example Tastics To Create Footer Meta Navigation

Footer (Payment Methods)

Example Tastics To Create Payment Methods

{
    "tasticType": "frontastic\/boost\/footer-payment-methods",
    "name": "Footer Payment Methods",
    "icon": "credit_card",
    "category": "General",
    "schema": [
        {<img src="https://s3.amazonaws.com/helpscout.net/docs/assets/5dfe56362c7d3a7e9ae56878/images/5e1d5a142c7d3a7e9ae62942/file-PaeLtoTK2D.gif">
            "name": "Payment Methods",
            "fields": [
                {
                    "label": "Header",
                    "field": "header",
                    "type": "string"
                },
                {
                    "label": "Payment Methods",
                    "field": "paymentMethods",
                    "type": "group",
                    "itemLabelField": "icon",
                    "fields": [
                        {
                            "label": "Icon",
                            "field": "icon",
                            "type": "enum",
                            "values": [
                                {
                                    "name": "PayPal",
                                    "value": "paypal"
                                },
                                {
                                    "name": "Visa",
                                    "value": "visa"
                                },
                                {
                                    "name": "Mastercard",
                                    "value": "mastercard"
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

Footer (Social Navigation)

Example Tastics To Create Footer Social Navigation

{
    "tasticType": "frontastic\/boost\/footer-social-nav",
    "name": "Footer Social Navigation",
    "icon": "public",
    "category": "General",
    "schema": [
        {
            "name": "Social Links",
            "fields": [
                {
                    "label": "Social Links",
                    "field": "socialLinks",
                    "type": "group",
                    "itemLabelField": "icon",
                    "fields": [
                        {
                            "label": "Link",
                            "field": "reference",
                            "type": "reference"
                        },
                        {
                            "label": "Icon",
                            "field": "icon",
                            "type": "enum",
                            "values": [
                                {
                                    "name": "Instagram",
                                    "value": "instagram"
                                },
                                {
                                    "name": "Facebook",
                                    "value": "facebook"
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

HeaderExample Tastics To Create Header

{
    "tasticType": "frontastic\/boost\/header",
    "name": "Header",
    "icon": "menu",
    "category": "Boost Theme",
    "schema": [
        {
            "name": "Menu",
            "fields": [
                {
                    "type": "description",
                    "text": "Choose a few top categories to be displayed on top of the navigation. Selecting a top category will allow the consumer to navigate to its tree."
                },
                {
                    "label": "Top Categories",
                    "field": "topCategories",
                    "type": "group",
                    "itemLabelField": "name",
                    "fields": [
                        {
                            "label": "Name",
                            "field": "name",
                            "translatable": false,
                            "required": true,
                            "type": "string"
                        },
                        {
                            "label": "Navigation Tree",
                            "field": "tree",
                            "type": "tree"
                        },
                        {
                            "label": "Link",
                            "field": "reference",
                            "required": true,
                            "type": "reference"
                        },
                        {
                            "label": "Mobile Nav Background",
                            "field": "mobileNavBackgroundImage",
                            "type": "media"
                        },
                        {
                            "type": "description",
                            "text": "Ratio-Setting will currently not be used."
                        }
                    ]
                }
            ]
        },
        {
            "name": "Logo",
            "fields": [
                {
                    "type": "description",
                    "text": "Select a logo to overwrite the default \u0027Catwalk\u0027."
                },
                {
                    "label": "Logo",
                    "field": "logo",
                    "type": "media",
                    "required": false
                }
            ]
        }
    ]
}

More Product Info

Example Tastics To Create More Product Info

{
    "tasticType": "frontastic\/boost\/more-info-product",
    "name": "More Info Product",
    "icon": "menu",
    "category": "Boost Theme",
    "schema": [
        {
            "name": "Main Configuration",
            "fields": [
                {
                    "label": "Stream",
                    "field": "stream",
                    "type": "stream",
                    "streamType": "product",
                    "default": null
                }
            ]
        }
    ]
}

NewsletterExample Tastics To Create Newsletter

{
    "tasticType": "frontastic\/boost\/newsletter",
    "name": "Newsletter",
    "icon": "menu",
    "category": "Catwalk Newsletter",
    "schema": [
        {
            "name": "Options",
            "fields": []
        }
    ]
}

Product Slider

Example Tastics To Create Product Slider

{
    "tasticType": "frontastic\/boost\/product-slider",
    "name": "Product Slider",
    "icon": "menu",
    "category": "Boost Theme",
    "schema": [
        {
            "name": "Stream Selection",
            "fields": [
                {
                    "label": "title",
                    "field": "title",
                    "type": "string",
                    "default": ""
                },
                {
                    "label": "Description",
                    "field": "description",
                    "type": "string",
                    "default": ""
                },
                {
                    "label": "Stream",
                    "field": "stream",
                    "type": "stream",
                    "streamType": "product-list",
                    "default": null
                },
                {
                    "label": "# Products",
                    "field": "productCount",
                    "type": "integer",
                    "default": 5
                }
            ]
        }
    ]
}

Product View

Example Tastics To Create Product View

{
    "tasticType": "frontastic\/boost\/product-view",
    "name": "Product View",
    "category": "Boost Theme",
    "icon": "card_giftcard",
    "schema": [
        {
            "name": "Main Configuration",
            "fields": [
                {
                    "label": "Stream",
                    "field": "stream",
                    "type": "stream",
                    "streamType": "product",
                    "default": null
                }
            ]
        }
    ]
}

Promo BoxExample Tastics To Create Promo Box

{
    "tasticType": "frontastic\/boost\/promobox",
    "name": "Promo Box",
    "icon": "menu",
    "category": "Catwalk Promo Box",
    "schema": [
        {
            "name": "Positions",
            "fields": [
                {
                    "label": "Vertical Position",
                    "field": "verticalPosition",
                    "translatable": false,
                    "type": "enum",
                    "required": true,
                    "values": [
                        {
                            "value": "top",
                            "name": "Top"
                        },
                        {
                            "value": "middle",
                            "name": "Middle"
                        },
                        {
                            "value": "bottom",
                            "name": "Bottom"
                        }
                    ]
                },
                {
                    "label": "Horisontal Position",
                    "field": "horizontalPosition",
                    "translatable": false,
                    "type": "enum",
                    "required": true,
                    "values": [
                        {
                            "value": "left",
                            "name": "Left"
                        },
                        {
                            "value": "center",
                            "name": "Center"
                        },
                        {
                            "value": "right",
                            "name": "Right"
                        }
                    ]
                }
            ]
        },
        {
            "name": "Image",
            "fields": [
                {
                    "label": "Topic",
                    "field": "topic",
                    "type": "string",
                    "default": ""
                },
                {
                    "label": "Title",
                    "field": "title",
                    "type": "string",
                    "default": ""
                },
                {
                    "label": "Image",
                    "field": "image",
                    "translatable": false,
                    "type": "media",
                    "required": false,
                    "options": {
                        "ratio": "16:9"
                    }
                }
            ]
        },
        {
            "name": "Button",
            "fields": [
                {
                    "label": "Text",
                    "field": "buttonText",
                    "translatable": true,
                    "type": "string",
                    "required": true,
                    "default": "Shop now"
                },
                {
                    "label": "Link",
                    "field": "buttonLink",
                    "translatable": false,
                    "required": false,
                    "type": "reference",
                    "default": null
                }
            ]
        }
    ]
}

Store Features

Example Tastics To Create Store Features

{
    "tasticType": "frontastic\/boost\/store-features",
    "name": "Store Features",
    "icon": "list",
    "category": "General",
    "schema": [
        {
            "name": "Features",
            "fields": [
                {
                    "label": "Features",
                    "field": "features",
                    "type": "group",
                    "itemLabelField": "text",
                    "fields": [
                        {
                            "label": "Text",
                            "field": "text",
                            "type": "string"
                        },
                        {
                            "label": "Icon",
                            "field": "icon",
                            "type": "enum",
                            "values": [
                                {
                                    "name": "Truck",
                                    "value": "truck"
                                },
                                {
                                    "name": "Bill",
                                    "value": "bill"
                                },
                                {
                                    "name": "Box",
                                    "value": "box"
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

‹ Back to Article List

Next Article ›

Redirecting in a Tastic

Still need help? Contact Us Contact Us