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

Option 1: Using cards in theme sections

Step1 : Add a new page in Online Store > Pages

1. From your Shoplazza admin > Online Store > Pages > Add page.

2. In Page settings, enter page Title then click Save at the top right to complete adding.

Step 2: Add an Image with text section in Online store > Themes > Page

1. From your Shoplazza Admin > Online Store > Themes, choose the corresponding theme and click Customize.

2. Once in the theme editor, you should click Home page at the top middle Pages Add page.

3. Under the "Choose Pages" section, input the name of the page you created above. Once you've selected the appropriate page, confirm your selection by clicking on the Create button. This action finalizes your changes and adds the page to your setup.

4. Click Add section > find Image with text in Theme Sections, and 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 just click the Publish button to update your storefront right away.

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 pages settings

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 pages settings.

1. From your Shoplazza admin, go to Online Store > Pages, find the Page you need to edit.

2. In Page settings, click Source code > 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