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 component. It depends on what has been added to a schema 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.


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.



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


You can add text as an overlay on your image, change your image as well as the crop if allowed by your Frontastic component.



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



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



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.



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 source 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.



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.