Gallery

0 → 1

Explore

Gallery

0 → 1

2. CMS

CMS Fields

This is for reference purpose only. Check the template first.

In Framer, there are multiple types of fields are available. I used most of these for the CMS.

Type

Type is the menu. Whatever items you listed in the

navigation main menu⁠

needs to be reflected here. Copy paste them here.

Header

With the help of header we can navigate with in a page. Check the

product page of demo link⁠

. This is how applied filter. Here you need to define for each Type.

Product name

What is your product name? Shorter the better

Tagline

Give a good tagline. This is where you give the user a clue about your product

Display in explore?

Whether the product needs to displayed in the explore page.

Product image

I recommend you to upload an optimized image for each of your product. For optimization, I prefer

https://squoosh.app/⁠

⁠

Call to actions

There will be two main buttons and two side buttons. Check the below image.

⁠

Primary button is a combination of these three;

Price prefix

Price

Primary price link

⁠

Secondary button is a combination of these two;

Secondary button

Secondary link

⁠

Description

Now description comes with product description and additional. Use the second one only if necessary.

You can use a rich text experience with this, but make it simple is the best option.

Features

Turn it on and add up to four caption a small detail.

Turn on extra buttons?

This is for slideshow and an another YouTube link.

Primary button is a combination of these three;

Secondary button is a combination of these two;

Description

Features

Turn on extra buttons?

Gallery

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.