The following article contains information about setting up the 'Text Columns with Images' homepage section in the Artisan theme.
The 'Text Columns with Images' section is one of the most flexible and customizable sections within the Artisan theme! It can be configured in many ways by combining text, images, borders and buttons in up to 5 columns.
In This Article
Section Settings
This section contains the following options:
Image Options
- You can choose whether to enable an image in each column
- If you upload an image, you can choose to enable the 'rounded style'. This will add a border-radius to your image and change the shape of it to a circle! Keep in mind that this setting works best if you are uploading a true square image.
Text Options
- In each column, you can choose whether to add a heading, a text block, both - or none!
- You are able to adjust the alignment of both the heading and the text, as well as select a size for the heading.
- Each column comes with the option to add in a button as well. You can link this button to a product, page, or external URL.
Border Options
- Each column has the option to enable a border style.
- Choose from 'None', 'Box', or 'Quote'.
Layout Examples
#1
This layout is image focused and is great if you’re looking to feature or highlight promotions, products/services, or really - anything in your shop!
Settings:
All 3 Columns
- Show image - enabled
- Rounded style - enabled
- Heading
- Heading size - regular
- Text
- Text alignment - center
- Border style - none
#2
This layout has a magazine article style. Great for if you have some brief text with an accompanying image that you’d like styled in an elegant way.
Settings
1st Column
- Heading
- Heading size - large
- Text alignment - right
- Border style - none
2nd Column
- Text
- Text alignment - left
- Border style - quote
3rd Column
- Text
- Text alignment - left
- Border style - none
4th Column
- Show image - enabled
#3
This layout may be good if you have a lot of text that you’d like to lay out in an interesting way, with the last column serving more as a ‘call to action’.
Settings
1st Column
- Show image - enabled
- Heading
- Heading size - regular
- Text alignment - center
- Border style - box
2nd-4th Columns
- Text
- Text alignment - left
- Border style - none
5th Column
- Heading
- Heading size - regular
- Text
- Text alignment - left
- Button label
- Button link
- Border style - quote
#4
This layout is another way that you can highlight images. A gallery style with a caption included.
Settings
Both Columns
- Show image - enabled
- Heading
- Heading size - regular
- Text alignment - left
- Border style - box
#5
This layout could be used as an alternative to displaying collections that you’d like to feature with an attention grabbing heading and some supporting text.
Settings
1st Column
- Heading
- Heading size - large
- Text
- Text alignment - right
- Border style - none
2nd Column
- Show image - enabled
- Heading
- Heading size - regular
- Text alignment - center
- Border style - quote
3rd & 4th Columns
- Show image - enabled
- Heading
- Heading size - regular
- Text alignment - center
- Border style - none
#6
This layout can be used as an interesting way to showcase a single product or service with a general description on the left, and stand-out listed features on the right.
Settings
1st Column
- Heading
- Heading size - regular
- Text
- Text alignment - right
- Border style - none
2nd Column
- Show image - enabled
- Border style - none
3rd Column
- Heading
- Heading size - regular
- Text
- Text alignment - left
- Border style - none