Difference between revisions of "Adelaide ecommerce theme - adding banner images to pages"
From Spiffy Stores Knowledge Base
| Line 8: | Line 8: | ||
<br> | <br> | ||
You can also have a banner image on your main blog page. | You can also have a banner image on your main blog page. | ||
| − | # Upload an image in the Design & Assets → Uploaded Files section | + | # Upload an image in the ''Design & Assets → Uploaded'' Files section |
# Rename it to something intelligent so you know what it is | # Rename it to something intelligent so you know what it is | ||
# Create a page called “blog” | # Create a page called “blog” | ||
# Edit the text of the page (in the source code view), and add a hidden tag in your page text to specify your banner image | # Edit the text of the page (in the source code view), and add a hidden tag in your page text to specify your banner image | ||
| − | + | <br> | |
| + | ==Customising the banner height== | ||
| + | Available in Adelaide Theme Versions 3.0 and higher. | ||
| + | This setting can be found in the ''Design & Assets → Theme Settings'' section of your store under ''Advanced Theme settings → Banner Images'' | ||
<br><br> | <br><br> | ||
Revision as of 13:32, 24 November 2022
The Adelaide theme allows you to have banners on all of your pages, articles, product, and collection pages. To add a banner to any page (home page which already has a banner), follow the instructions below.
- Log in to your store's admin
- Upload an image in the Design & Assets → Uploaded Files section
- Rename it to something intelligent so you know what it is
- In your store's admin, go to the page you want to add a banner
- Edit the text of the page (in the source code view), and add a hidden tag in your page text to specify your banner image…
<!--banner="about-us-banner.jpg"-->
- Save your page, and preview it.
You can also have a banner image on your main blog page.
- Upload an image in the Design & Assets → Uploaded Files section
- Rename it to something intelligent so you know what it is
- Create a page called “blog”
- Edit the text of the page (in the source code view), and add a hidden tag in your page text to specify your banner image
Customising the banner height
Available in Adelaide Theme Versions 3.0 and higher.
This setting can be found in the Design & Assets → Theme Settings section of your store under Advanced Theme settings → Banner Images