How to Add Banners

To access the Page Editor, go to Storeshop Dashboard → Settings → Design & Customization → Page Editor.

When you have created a page and are in the Edit Page mode, click Add to add a content type. As mentioned, we have three types of banners you can use on your page:

Banner

1. Click Add and select Banner.
2. Here, you can add an image by either dragging and dropping it or uploading a file. The image must be in JPG or PNG format.
3. You can also add text to appear over the image.
4. Next, you can add a button and link it to a URL (this option is under Buttons). For example, you could create a button called “Products” and link it to your products page. You can choose the button text color and background color.
5. Under Banner Link (URL), you can link the image itself. For example, clicking on the banner could redirect customers to your products page.
6. Height (Desktop): Select the size of the banner for desktop view (PC, laptop).
7. Height (Mobile): Choose the size for the banner on mobile view.
8. At the bottom, you have two checkboxes:
   • Show original size to display the image in its original size.
   • Padding to add an outline around the banner.

Split Banner

A Split Banner works in a similar way to the first banner, except you will create two banners side by side.

1. First, create the first banner using the same steps as described above.
2. After that, click + Add Banner at the bottom to add the second banner.
3. Each banner can have its own image, text, buttons, and settings (just like the first one). This gives you the flexibility to create a split design with different content on each side of the page.

Three Banners

The Three Banners layout allows you to place three banners in a row.

1. Follow the same steps as for the other banners to create the three banners.
2. Each banner can have its own image, text, and buttons, making it a great option for displaying multiple pieces of content side by side in a row.

Finalizing the Edit

• After adding all content, click Update, located at the bottom left of the screen.
• Then, close the content block window and click Save. The Save button is located next to the Add button.