How to Edit Electro Content Collage

About Electro Content Collage SectionClick to copy 2222

What is Electro Content Collage?Click to copy 2222

The Electro Content Collage section in the Electro Shopify theme is a great way to display a variety of content on your website, such as images, collections, and products. This section is highly customizable, so you can easily create a layout that suits your needs.

OverviewClick to copy 2222


What image ratio is available for Electro Content Collage? Square and Portrait
Type of layout: Content alignment for the Electro Content Collage Headings and Description? Left and Center
A maximum number of blocks/ items could be added to Electro Content Collage? 3

Access Electro Content Collage SectionClick to copy 2222

From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Content Collage’

Electro Content Collage Section ConfigurationClick to copy 2222

Edit General TabClick to copy 2222

In the General tab, you can select the color scheme for the text and background of the content blocks. The color scheme can be set to Scheme 1 or Scheme 2. To change the settings of these schemes, please go to Theme Settings.

To add content in the Section Subheading, Heading and Description, click on the text box and insert the content. If you want to remove these contents, simply delete the text in the text box.

Edit Layout TabClick to copy 2222

In Layout tab, you can select the position to display for the heading content of the section:

  • Left:

  • Right:

In Items ordering, there are 3 types:

  • Equal: the Collection, Product and heading image show equal in size

  • Main item first: the first item will be bigger than others

  • Main item last: the last item will be bigger than others

By default, the Equal type is selected.

You can also enable stacked layout.

Note that the Enable Stacked layout can only be applied if the Main item first or Main item last is selected.

Edit Items TabClick to copy 2222

In the Items tab, the Overlay opacity controls the opacity of the overlay color on each block background image. You can drag the bar to change the opacity, from 0% to 90%.

The Image ratio has 2 options:

  • Square

  • Portrait (4:5)

Note: If the Enable Stacked layout has been turned on, this setting only applies to the main item.

Click on the Show items button if you want to show or hide the CTA button of each item. Please remember that the link still works without this button.

Content Collage Block ConfigurationClick to copy 2222

The Content Collage can have a maximum of 3 blocks, which can be chosen among 3 block types: Collection, Product, Image. Click on each block item to change the settings for each block.

Edit Collection BlockClick to copy 2222

To select a collection for the Collection block, click on the item and hit Select Collection to choose one collection. Check the Show number of products checkbox if you want to show the number of products that contain in the collection.

Once you select a collection for the block, the block background image and block content will be replaced with the collection image and collection name that you have set up in the Shopify admin under Products > Collections.

Edit Product BlockClick to copy 2222

To select a product, click on the Product block item then hit Select Product to choose.

Once you add a product to the block, the block content and background image will be automatically updated to the product title, product price, and product main image.

Edit Image BlockClick to copy 2222

Click on the Image block item to upload the background image for the block.

You can set up for the Heading text, Button text and Button link for this block item in the Content tab. If you want to remove an element, just leave the box text blank.

Note: if the Button link field is empty, the button will show in its disabled state.

Frequently Asked QuestionsClick to copy 2222

Types of theme blocks could I add to Electro Content Collage?Click to copy 2222

You can add three types of contents, including: Collection, Product and Image.

Do I have to manually add Product or Collection to the Electro Content Collage?Click to copy 2222

No, you can import one-by-one directly from the Shopify Admin Storage, as it works the same with the ‘Collection’ item.

Any Image Requirement when adding Image to the ‘Image Tab’?Click to copy 2222

None, you can freely choose from the library or upload your own.

Can I add text to General Electro Content Collage?Click to copy 2222

Yes, you can add 3 types of contents: Headings, Sub-headings and Short Description.

Navigate this category