How do I add an Image with Text card to my collections page in the theme editor?

Option 1: Using cards in theme sections

1. From your Shoplazza admin > Online Store > Themes > Click Customize to enter the theme editing page.

2. On the editing page, you should click Home page at the top middle > Collections > Create collection.

3. After clicking Create collection a new window will open in the theme editor. First, enter the title of the collection page into the Name field. Then select the desired collection, and finally click Create to confirm the change.

4. Click Add section > find Image with text in Theme Sections, then add it to your store.

5. To set up your new Image with Text section, click on its title. A sidebar menu will pop up where you can choose your image, arrange the layout, adjust spacing, and fine-tune other settings. The same steps can be followed with the other menu items under the Image with text block to further customize this section.

6. Under the Image with Text block, click on the individual blocks within to edit information. Here you can edit the title.

7. This is where you can put a description of the image.

8. And here, you can set your button to link to any of your pages in your store.

9. Don't forget to click Save draft in the top right corner of your window to ensure that your changes are properly saved, or you can choose to click Publish directly for instant update at your storefront.

Note

In certain themes, there are some extra features for Image with text card added from additional sections. For example, you can change background color and image edges etc.

Option 2: Editing source code in Collection Description

If you work with a front-end developer or have coding experience, you can make the function work by editing the source code in the collection description.

1. From your Shoplazza admin > Products > Collection, click the collection you need to edit.

2. Scroll down to the description box and click the Source code icon > enter corresponding frontend style code > click Ok to reserve the change, and please remember to click Save at the top right of the page.

If you're not familiar with coding, you'll find Option 1 to be user-friendly and straightforward to use. By adding the Image with text section, you can enhance your store showcase, making it more visually appealing and informative. This will greatly improve your customers' shopping experience and boost the rate at which you sell your products.

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.

Live chat
Reset