PageFly - Edit template R2VF

32 views Anh 0

R2VF is a Home page template. It includes 9 sections

1st section

This section has an image background, an Image element and a Button element.
In order to change the image background, choose the Section > Styling tab > Background section > change the source in Image field. Remember to set the option for Position, Repeat, and Size.

To edit the height of the section, stay in Styling tab > Box Style section> edit Top and Bottom padding. We added 100px for the Top and the Bottom paddings, you can see the background image is clearly bigger than it was in the screenshot above.

In order to change the image in the Image element, choose the Image > General tab > Content section > change the source in Image field. Remember to set the option for Image Size, Image Style and pick a suitable text for Alt Text and Title Text (good for SEO).

The last element in the section is the Button, select the element > General tab > Settings section > edit the button’s message in Text field. There are various useful sections like Action and Tracking as well, you can also style the button in Styling tab.

2nd section

There is only a Product List element in this section and it is not linked to any collection yet. You can populate the list by choosing the Product list element > General tab > Filter section > pick the desired collection from your Shopify store in Collection field.

3rd section

This section includes 2 Image elements and 2 Heading elements

In order to edit the content of the Heading element, simply select the element > General tab > Settings section > Text field. Don’t forget to pick a suitable heading tag (good for SEO) for Heading element. Then, go to Styling tab to stylize the text.

You can apply the same process in the 1st section to change the 2 Image elements in this section.

4th section

Apply the same process in the 3rd section to change the content of the Heading element and the same process in the 2nd section to populate the Product list element.

5th section

For the Heading and Paragraph elements in this section, please apply the same process in the 3rd section to change the content of them.

The 3 images in this section are background images, in order to change them you can simply choose a specific Column or Row > Styling tab > Background section > change the source in Image field. Remember to set the option for Position, Repeat, and Size.

6th section

For the Heading element in this section, please apply the same process in the 3rd section to change the content of them.

7th section

For the Image element and 2 Button elements in this section, please refer to the 1st section on how to edit them.

8th section

In order to display the images from the Instagram account of your choice in this section, pick the element > General tab > Settings section > Get Token then continue to login into Instagram and insert the generated token into Access Token field

9th section

The last section contains 6 Image elements showing 6 different logos, you can refer to the 1st section on how to change the image.