Question 1

Overview element fields

Accepted Answer

Design tab

Each Basic Element will contains multiple Fields and the possible fields are listed under the **Design tab. **

This is where you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!

|| These fields usually comes along with Basic Elements settings so please try to understand how to use them well

1. Alignment

Set the horizontal alignment of an element: it can be **left **or **right **aligned or centered. (center alignment is default value)

2. Typography

Font family: apply a font type for your texts
Google font: these fonts are free to use, no copyright issues
Upload font: this allows you to upload a new custom font (or your brand font for example) || Font file formats you can upload: .ttf / .otf / .woff

**Size: **sets the size of texts Font size units
px is not scalable, it is an absolute unit. The value assigned is fixed irrespective of the user's device screen
%, em, rem scale accordingly with screen size, they're

Question 2

Post description

Accepted Answer

This Content element should be used on the Article template. It is used to automatically display the current a Blog post's content from Shopify.

|| You can't edit directly this content in Beae Editor, you must edit through Shopify Dashboard > Online Store > Blog posts.

Content

PREVIEW: Select a specific Blog post to display its content to preview.

Content Type

Text: Only pure texts from the blog content will show up. ** No break line, no alignment, images** are here; because all the HTML tags that come from the blog content are skipped. But you can still style your Article content later by using the Design tab.

The content above is generated automatically from Shopify Dashboard > Online Store > Blog posts > select the post that you are viewing > Edit content. In Shopify, you can use rich text editor to format and style for your blog post content.

HTML: When you choose this option, both texts and HTML tag can show up. As a result, your content looks similar with how it's on the blog live page with table, columns, line-break, i

Question 3

Countdown (Product)

Accepted Answer

Countdown will help you create a sense of urgency or scarcity toward your customer, thus, when placed on a product page, this element will make a sharp spike in conversion rate. This article will introduce you to the main settings of the Countdown element, so you can create a countdown until the end of a campaigns with ease.

In this section

A. Content B. Design

A. Content

1. General

Title: You can input the title of your CountDown here.

Type: Metafields, Custom, Custom and Metafield are the 3 types to choose from.
Metafields type: This type will fetch the timing data from metafields of products from Shopify to display. When you install Beae app, two metafields (Beae Product countdown from and Beae Product countdown to) will be automatically generated for products in Shopify.
If you want to select this type, please select Shopify Admin > Product > All products > Select a certain product that you want to display metafields content > Add countdown on Beae product countdown to and Beae product countdown from field. You can check the image below for more details.

![](https://storage.crisp.chat/user

Question 4

Quick Start Guide

Accepted Answer

In this article, you will find the quickest approach to get started using Beae. If you want to know more about Beae apps, you may find many details on What is Beae, and A comparison between Beae and Shopify. After going through those articles, you will gain immense understanding and hopefully will choose Beae over other apps to get started on building a better themes and templates.

${youtube}Introduce

A. Installation and Setting

1. Add store password:

On Shopify Dashboard, please select Online store > Preferences > Password protection > Password, and copy the protected password of your Shopify store.
Next, please access Beae dashboard, and select Preferences > Store details > Storefront Password, paste the password from the first step and press Save.

Add store password

2. Turn on Theme Helper:

On Shopify dashboard, select Online store > Themes > Customize > Theme settings > App embeds > Theme Helper (Beae - Flexible Page Builder)
Make sure that Theme Helper (Beae - Flexible Page Builder) is toggled on, and hit Save button.

Theme Helper

3. Page type and section builder

Section builder: You can create a section in th

Question 5

How to build blogs template?

Accepted Answer

In Beae app we support:

Edit the existing Blog page that comes from your theme
Create a new Blog Template for Individually blogs
Create a new Blog Template for All blogs

1. Edit the existing Theme blog template

For example: You already like the Blog from theme but you just want to add one or two more Featured products section which the blog posts are talking about? This function will be the solution in this case. You can insert variety of blog section types into anywhere of your blog page easily.

Step 1 - Create your own Beae sections.

You must be familiar with the concept of section in Theme. With Beae app you can also create your own sections using Section builder.

Designing your stunning section then put a name for it by clicking the settings icon at the top

**Save **this new blog section

The section list is stored in Section Builder in the Beae Admin like below. You can Add/ Edit/ Delete these sections

Step 2 - Customize theme

From your Shopify Admin > Click **Customize **your live theme

![](https://storage.crisp.chat/use

Question 6

Gallery

Accepted Answer

Gallery helps display an arrangement of images that can enhance the visual appearance of a certain part of your page, this element's main settings will be clarified within this article, so you may navigate it with ease.

${youtube}Gallery Element

In this section

A.Content B. Design

A. Content

By default, there are two main parts in the Content Tab to work with:

1. Images Tab

Choose Images: You can either pick pictures to display or upload your own pictures (You can also change the Alt, Caption or set Link for each Image item).

| You can use "Multiple Selection" by hitting the "Add more" button.

Layout: Allows you to change your Gallery grid's type, there are Grid and Masonry to choose from.

| The different between "Grid" and "Masonry": |

Image Size: Allows you to customize the size of images with different size ("Custom" size will apply to all the Images).
Aspect Ratio: Choose an appropriate aspect ratio among your images, there are 1:1, 3:2, 4:3, 16:9, 21:9, 2:3, 3:4, 9:16, 9:21 to choose from.
Images per row: You can change the number of image per row (Can customize in responsive mode for different devices).
Spacing: You can customize the spacing between the images (Can customize in responsive mode for different devices).

2. Overlay

After checking Enable Overlay, you can ch

Frequently Read Articles

Browse All Categories