PageFly - Edit template Cipi

49 views PageFly 0

Important: This feature is only available on the Premium plan

Cipi is a blog template, widely loved for its harmonic combination of images, video and texts

About template Cipi

Pre-built template Cipi in Template Library

Cipi includes 3 sections:

Let’s look into it one by one.

1st section

This section does not contain anything and only have an image background assigned to it. 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.

Changing image background in the first section of template Cipi

To edit the height of the section, stay in Styling tab > Box Style section> edit Top and Bottom padding.

Changing section high with padding in the first section of template Cipi

2nd section

This section has 3 columns, the first and third column are being used as two blank bars on the side for decorative purpose. The second column (middle) contains multiple Heading, Paragraph, Image elements and one Youtube video element.

2nd section of template Cipi

To edit the content of a Heading or a Paragraph element, simply select that 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 the Styling tab to stylize the text.

Changing content of Heading and Paragraph element in 2nd section of template Cipi

To switch the video inserted in the Youtube element, select the element > General tab > insert another youtube link into Youtube Video URL field. There are options related to the video like Ratio, Loop, Autoplay, etc in the General tab as well.

Changing video of Youtube element in 2nd section of template Cipi

In order to change the image in the Image element, choose the Image > General tab > Content section > change the source in the 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).

Changing image of Image element in 2nd section of template Cipi

The List element is filled with the default text holder (“Lorem ipsum”). In order to change the content of the List, choose the List > General tab > List Item section > Add item or edit the existing one.

Changing content of List element in 2nd section of template Cipi

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

Linking a collection to Product list element in 2nd section of template Cipi

3rd section

This section has a background color, a heading, a paragraph and a MailChimp elements.

In order to change the background color of this section, choose the Section > Styling tab > Background section > pick another color in the Color field or give it a background image in the Image field.

Changing background color of Section in 3rd section of template Cipi

Lastly, if you want to use the MailChimp element, you will have to link it with your MailChimp account first. Please refer to this article for the detailed instruction.