Contact page
By default, Contact page have a ‘Image Banner’ section and a ‘Contact form’ section.
You can follow the steps below to customize contact template:
-
Head to Admin > Online store >
Customize theme.
-
From the theme editor area’s dropdown option menu, select
Pages > contact.
-
On the left hand side menu panel, after the page preview has loaded, you
will see a Page Section.
You can follow the steps below to create a contact page:
-
From your Shopify admin, go to Online Store >
Pages.
-
Click Add page.
-
In the Title box, type a title for your contact page, such
as Contact us.
-
In the Content box, type any text that you want to appear
above the page top. You can leave this section blank.
-
In the Online store section, choose contact from the
Theme template drop-down menu.
-
Click Save.
Settings
Page header section
| Setting |
Value |
| Section width |
Full width
|
Image banner section
| Setting |
Value |
| Section width |
Grid
|
| Section spacing |
Medium
|
| IMAGE |
|
| Image |
Choose a image
|
| Image width |
50% |
| Image overlay opacity |
0% |
| Image position |
Right |
| IMAGE MOBILE |
|
| Image mobile |
Choose a image
|
| Image overlay opacity |
12% |
| Content position |
Middle left
|
| Content width |
60%
|
| Text color desktop |
#1C1B1B |
| Text color mobile |
##FFFFFF |
Heading block
| Setting |
Value |
| Text |
Contact us |
| Heading size |
Small
|
| Link |
Choose a link |
SubHeading block
| Setting |
Value |
| Text |
Hours: |
Description block
| Setting |
Value |
| Text |
Monday – Friday: 10:00am – 7:30pm Saturday: 10:00am – 6:00pm Sunday: 11:00am – 6:00pm |
Contact form section
| Setting |
Value |
| Section spacing |
Medium
|
