Footer is a Shopify theme section in the Section Star library. Create amazing footers. Mix-and-match columns, menus, contact forms and more.
About the Footer section
This Footer section, created using the Section Star app for Shopify, provides a versatile and customizable footer area for Shopify stores. It includes various elements such as content blocks, rich text, images, videos, buttons, icons, social media links, menus, and contact forms to design an engaging and informational footer for customers.
Live demo
Use cases
-
General Store Footer:
- Include links to important pages such as Home, Products, Catalog, and Contact.
- Display the store's mission statement to connect with customers.
- Add social media icons to integrate with Instagram, Facebook, Twitter, and more.
-
Newsletter Signup Section:
- Encourage visitors to subscribe to the newsletter with a clear call-to-action and form.
- Use icons and rich text to guide users and make the footer more engaging.
-
Customer Support Area:
- Provide contact information and quick links for customer support.
- Highlight FAQs, shipping policies, and return policies using icons and text blocks.
-
Promotional Content:
- Utilize the video and image blocks to showcase promotional content or advertisements.
- Add buttons for special offers and discounts to enhance conversions.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Content Design
Set the design for the content
| Setting |
Type |
Default |
| Gap Between Content Elements |
Number |
20 |
| Spacing Between List Elements |
Number |
5 |
| Underline link |
Checkbox |
Off |
Grid Design
Set the design for the grid
| Setting |
Type |
Default |
| Gap Between Columns |
Number |
20 |
| Vertical Alignment |
Select (Center, Top, Bottom) |
start |
Media Design
Set the design for the media
| Setting |
Type |
Default |
| Round Borders on Media |
Range |
5 |
| Subtle Shadow on Media |
Checkbox |
On |
Column block settings
| Setting |
Type |
Default |
| Width |
Select (Default, 10%, 20%, 25%, 33%, 40%…) |
1fr |
Collapsible block settings
| Setting |
Type |
Default |
| Content Tag |
Select (Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) |
h4 |
| Alignment |
Text alignment |
left |
| Content |
Inline rich text |
Hide/Show Elements that Follow |
| Is Open |
Checkbox |
On |
| Collapse on mobile only? |
Checkbox |
Off |
Content block settings
| Setting |
Type |
Default |
| Content Tag |
Select (Paragraph, Headline 1, Headline 2, Headline 3, Headline 4, Headline 5) |
p |
| Alignment |
Text alignment |
left |
| Content |
Inline rich text |
Add headlines, text, and more with th… |
Rich Text block settings
| Setting |
Type |
Default |
| Alignment |
Text alignment |
left |
| Content |
Rich text |
<h4><b>Create Amazing Content</b></h4… |
| Show Bullets |
Checkbox |
Off |
Image block settings
| Setting |
Type |
Default |
| Image |
Image |
— |
| Aspect Ratio |
Select (Auto, 4:1, 21:9, 16:9, 4:3, 1:1) |
auto |
| Make Responsive |
Checkbox |
On |
| Desktop Image Width (requested from Shopify) |
Number |
1100 |
| Mobile Image Width (requested from Shopify) |
Number |
600 |
| Call to Action Link |
URL |
— |
Video block settings
| Setting |
Type |
Default |
| Hero Video |
Video |
— |
| Optional Link |
URL |
— |
| Play Inline |
Checkbox |
On |
| Autoplay |
Checkbox |
Off |
| Loop Video |
Checkbox |
Off |
| Show Video Controls |
Checkbox |
On |
| Mute Video |
Checkbox |
Off |
Button block settings
Primary Button
Set content for the primary button
| Setting |
Type |
Default |
| Alignment |
Text alignment |
left |
| Call to Action |
Inline rich text |
Shop Now |
| Call to Action Link |
URL |
— |
Secondary Button
Set content for the secondary button
| Setting |
Type |
Default |
| Show Secondary Action? |
Checkbox |
Off |
| Call to Action |
Inline rich text |
Secondary Action |
| Call to Action Link |
URL |
— |
Button Style
Set the look and feel of the button
| Setting |
Type |
Default |
| Primary Button Background Color |
Color or gradient |
linear-gradient(164deg, #111 0%, #333… |
| Secondary Button Background Color |
Color or gradient |
linear-gradient(164deg, #111 0%, #333… |
| Primary Button Text Color |
Color |
#fff |
| Secondary Button Text Color |
Color |
#fff |
| Text Size |
Range |
15 |
| Padding Top/Bottom |
Number |
10 |
| Padding Left/Right |
Number |
25 |
| Border Radius |
Number |
5 |
| Border Size |
Number |
0 |
| Border Color |
Color |
#111 |
| Subtle Shadow on Button |
Checkbox |
On |
| Subtle Lift Animation on Link |
Checkbox |
Off |
5 Star block settings
| Setting |
Type |
Default |
| Alignment |
Text alignment |
left |
| Icon Width |
Number |
100 |
| Spacing Between Elements |
Number |
20 |
| Gap Between Content Items |
Number |
5 |
| Text |
Inline rich text |
Rated 4.9/5 based on 100+ Testimonials |
| # Stars |
Select (5, 4.5) |
5 |
| Icon Color |
Color |
#111 |
Icon block settings
| Setting |
Type |
Default |
| Background |
Color or gradient |
linear-gradient(164deg, #0D8BF4 0%, #… |
| Icon Color |
Color |
#fff |
| Alignment |
Text alignment |
left |
| Icon Shape |
Select (Square, Rounded, Circle) |
circle |
| Icon Padding |
Number |
25 |
| Icon Size |
Range |
40 |
| Icon |
Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) |
tag |
Icon with Text block settings
| Setting |
Type |
Default |
| Alignment |
Text alignment |
left |
| Icon Color |
Color |
#111 |
| Icon Size |
Number |
25 |
| Gap Between Content Items |
Number |
5 |
| Element Spacing |
Number |
20 |
| Text |
Inline rich text |
This is sample text to go along with … |
| Icon |
Select (Cart, Gift, Gift Card, Shipping, Payment, Trending…) |
tag |
Popup Link block settings
| Setting |
Type |
Default |
| Alignment |
Text alignment |
left |
| Link Text |
Inline rich text |
Show Pop Up |
| Modal Content |
Rich text |
<p>This is the content for the popup</p> |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Footer”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.
