Frontastic component editor settings

Aside from the General settings that we mentioned in the Using the page editor article, the settings will differ on each Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code.. It depends on what has been added to a schemaschema - The framework behind a Frontastic component and the fields that are available within the Frontastic studio. of the component and what's been set as editable.

The best way to understand how each setting works without looking into the code is to open a page within the staging environment and open the Preview, then you can watch how it affects the site as you make each setting change.

Button

You can change the text that appears on your button (also known as call to action) as well as where the button takes the user.

Content

There are 2 types of Content setting, 1 is where you can add Markdown (see the using the markdown editor article for more information) and where it's aligned on your page, and the other is what is displayed on a log in page.

Content Tastic ConfigurationContent Tastic Configuration

Content Tastic ConfigurationContent Tastic Configuration

Image

You can add text as an overlay on your image, change your image as well as the crop if allowed by your Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code..

Links

You can add links to other parts of your site or to other websites using this section.

Logo

If you need to, you can overwrite your main logo. However, it's best to do this in the code.

Menu

You can order the categories that are displayed on your navigation menu.

Payment Methods

You can add or remove the types of payment methods to let your customers know which ones you have. Note: This doesn't mean you're adding this type of payment method to your checkout.

Positions

You can adjust how the particular component is aligned on your page.

Showcase Text

Input the text you want to use in this section.

Data sources

A data sourcedata source - The data provided from an API to display products, content, or anything from an integration or extension. A data source filter is created and can be selected for a Frontastic component that will display the data source filter on your commerce site. is the data that comes from your commerce provider. It's in this section that you can add filters and decide which products you want to display to your customers. You can also edit the number of products displayed to your users if it's a product list.

Other

As we mentioned at the beginning of this article, these settings are entirely configurable and are unique to your project. Talk with your development team about updating names, adding new settings, anything is possible in this section.


Did this page help you?