How to Add and Customize Information Panels
On This Page
TABLE OF CONTENTS
- Getting Started
Getting Started
Information Panels are excellent and handy tools for displaying and linking specific products, collections, or pages on your site's homepage. This space is best used for keeping your customers updated on new or hot releases. Once you have added the Information Panel block to your webpage, you will have two options for customization: Information Panel Settings and Block Settings.
Finding and Customizing the Information Panel Settings
In order to find the customization screen for your store's webpage, and in order to adjust your Information Panels, please follow these steps:
- From your myShopify homepage, go to Online Store > Themes
- Find and click Customize
- You will see the customization menu on the left of your screen. Click Information Panels
- If you do not see Information Panels, scroll to the bottom of the customization menu and select Add section
- From here, find and select Information Panels to add the block to your page
Information Panel Settings
Once you have opened your Information Panel Settings, you will see several areas for customization. These include:
- Card Background Color
- Card Border Color
- Cart Text Color
Card Background Color
This section allows for the customization of the color of the background of each of the individual Information Panel blocks. It is important to note that any customization done in these general settings will affect every single added panel added to this specific block. If your store is hoping to include multiple Information Panels with different designs and colors for each, you will need to add more Information Panel Sections.
When customizing a section of your webpage and given the option to choose a color, you will have the opportunity to drag the cursor over general colors or input a HEX code for specific shades. We recommend playing around with this feature to come up with what works best for your store
Card Border Color
This section allows for the customization of the color of the border of each of the individual Information Panel blocks. The border here is incredibly thin, so any color changes will probably not be especially visible.
It is important to note that any customization done in these general settings will affect every single added panel added to this specific block. If your store is hoping to include multiple Information Panels with different designs and colors for each, you will need to add more Information Panel Sections.
When customizing a section of your webpage and given the option to choose a color, you will have the opportunity to drag the cursor over general colors or input a HEX code for specific shades. We recommend playing around with this feature to come up with what works best for your store
Card Text Color
This section allows for the customization of the color of the text of each of the individual Information Panel blocks. It is important to note that any customization done in these general settings will affect every single added panel added to this specific block. If your store is hoping to include multiple Information Panels with different designs and colors for each, you will need to add more Information Panel Sections.
When customizing a section of your webpage and given the option to choose a color, you will have the opportunity to drag the cursor over general colors or input a HEX code for specific shades. We recommend playing around with this feature to come up with what works best for your store
Finding and Customizing the Block Settings
In order to find the customization screen for your store's webpage, and in order to adjust your Information Panels, please follow these steps:
- From your myShopify homepage, go to Online Store > Themes
- Find and click Customize
- You will see the customization menu on the left of your screen. Click the drop-down error to the left of Information Panels
- Click Add Block
- Select your new block
Information Panel Settings
Once you have opened your Information Panel Settings, you will see several areas for customization. These include:
- Title
- Paragraph
- Button Text
- Button URL
- Block Image
- Block Image Alt Text
- Image Use
Title
This section includes a text box allowing for the customization of the Title of this specific block. This will appear at the top of the block in large, bold letters.
Paragraph
This section includes a text box allowing for the customization of a content description. This will be positioned between the Title and Button and serves to describe the advertisement in the block. We recommend using a short and succinct message here, if any at all.
Button Text
This section includes a text box allowing for the customization of the message that will appear on your block's content Button.
Button URL
This section includes a text box that allows for your store to connect a link to the above Button. You can utilize this text box to insert either a direct link through a URL or by selecting the text box and searching through collections. It will appear something like this:
Block Image
In order to add a new image to your block, click Select Image. From here you can upload or select the image your store wishes to display in the slide.
After you have chosen your image, you will notice another customization option become available: Add alt text.
Adding alt text is a good way for your to include addition descriptions that will appear just beneath your icon. You can add up to 255 characters to this alt text feature
Block Image Alt Text
This section includes a text box allowing for the input of an Alt Text for the above image. This will do exactly what the above Add alt text does. This is specifically used for improving search engine optimization (SEO) and accessibility for visually impaired customers.
Image Use
This section includes a drop-down menu with the following two categories: Use as Background and Right-Hand Image.
Use as Background
This feature replaces the above Card Background Color with the Block Image. The chosen image will serve as the background, so remember to make sure all foreground text is visible against the image.
Right-Hand Image
This feature utilizes a space on the right side of the card for displaying the Block Image.