How to edit and use this template

Nav bar:

• The business name uses two different fonts; therefore, check the size

  of each and apply it individually to the respective fonts (to the initial letter

  and the subsequent ones).

• Remember to make the change across all variations, but especially for

  desktop and mobile.

• The respective frames containing each piece of content are listed on the

  left.

• I do not recommend changing the order or content of the navigation bar,

  with the exception of

  the brand name.

HERO:

• When defining the business name, it should be applied twice, and it may

  be necessary to adjust the 'mask' property based on the background lighting.

• The card in the corner contains all the editable elements; therefore, when you

  click on it, go to the panel on the right to set the photo and make other

  adjustments.

• If you change the background photo, the 'mask' function might not be

  necessary; therefore, remove it.

PROCESS:

• Everything in this section is also editable; the PNG vase can be swapped for

  another one, as can the text and the video.

• Regarding the video, pay attention to the file size so as not to compromise site

  performance; the frame adjusts automatically, so no cropping will be necessary.

• Pay attention to the title; it uses two fonts and two colors. If you want to change

  it, note down the size of each font first and apply those settings, and also decide

  where the second color would work best in the

  new text.

FEATURED PIECES:

• This part can be complex, as there are elements both inside and outside the

  component that complement each other to form the product description;

  therefore, any change made to the canvas must be reflected within the component,

  and you must ensure that both remain consistent.

• The photo can be modified within the component; make sure to update it for all

  devices, as the component contains the names of each card for each device. Don´t

  forget to change the legend in every picture.

• You can choose from up to three color options; to display more than one per card,

  you need to access the component and enable the frames for the additional options.

• The color selection must be made within the component itself.

• Set the description values ​​within the component, and don't forget to set the link

  where the buy button should direct the user.

• Remember to configure the button link.

ALL CREATIONS:

• You can manually set the quantity of available products; click on the component

  and add a new item with the name of the available product.

• To create a new product, go to the "CMS" tab, add a new field, and fill in the

  product details in the adjacent table. It will then automatically appear on the main

  canvas.

• To modify each product card, edit the corresponding CMS field, and it will

  automatically appear on the canvas.

• Remember to configure the button link, the CMS has a field for each product's

  link; define the link for each one, copy only the link for the first product, and paste

  it into the "URL link" field of the button on the first card on the canvas.

FAQ

• To modify the questions and answers, enter the component and manually type

  what you want to appear on each card.

END:

• You can modify the main phrase, but make sure it is short; you can also add

  your social media links to the final panel.

• Remember to configure the button link.