R2VF is a template for Home page, but its stunning layout makes it perfect for a landing page or sales page too. With a modern and unorthodox style, R2VF is best used for fresh and sleek brands.
To start off, you should change the Image element to a nicely cropped image of a product, if you want to keep that floating effect.
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.
Our advice is, you should use a simple yet contrasting background for the section, so we can keep the attention on the product.
To edit the height of the section, stay in Styling tab > Box Style section> edit Top and Bottom padding. After we adding 100px for the Top and the Bottom paddings, you can see the background image goes bigger than it was before.
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).
Finally, the last element in the section is the Button. Select the element > General tab > Settings section > to edit the button’s message in Text field. Some useful sections like Action and Tracking can become handy if you want to leverage the activities of your page.
You can stylize the button in Styling and Advanced tab.
This section has a Product List element only, and it can promote your highlighted products.
It does not link to any collection yet, so you can populate the list by choosing the Product list element > General tab > Filter section > pick the collection from your store in Collection field.
Then, go to Styling tab to stylize the text.
To change the 2 Image elements in this section, apply the same steps in the 1st section
To edit the Heading element, apply the same steps in the 3rd section.
To edit the Product list element, apply the same steps in the 2nd section.
The 3 images in this section are background images. They can display attractive products or product angles.
To change them, choose a specific Column or Row, then select the Styling tab > Background section > change the source in Image field. Remember to set the option for Position, Repeat, and Size.
This section has a Heading element in this section. Apply the same steps in the 3rd section to change the content.
This section includes an Instagram element, best to showcase customers’ generated content.
To display the images from the Instagram account, pick the element > General tab > Settings section > Get Token. After that, log in to your Instagram and insert the generated token into Access Token field.
Here we are – the last section! It contains 6 Image elements showing 6 different logos. Refer to the 1st section on how to edit them.
You can use this section to showcase your partners or affiliates’ logos, boosting credibility and trust for your business.