ArtiStick Homepage Sections

ADVANCED LAYOUT

Custom content

BLOG

Blog posts

COLLECTION

Collection list

Featured collection

IMAGE

Gallery

Image with text

Image with text overlay

Logo list

Slideshow - Classic

Slideshow with text

PRODUCT

Featured product

PROMOTIONAL

Newsletter

STORE INFORMATION

Contact form

Map

TEXT

Rich text

Testimonials

Text columns with images

VIDEO

Video

HOMEPAGE SECTIONS

ADVANCED LAYOUT

Custom content

• Text
• Image
• Video
• Product
• Collection
• Menu
• Blog
• Article
• Custom HTML

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

BLOG

Blog posts

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

COLLECTION

Collection list

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Featured collection

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

IMAGE

Gallery

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Image with text

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Image with text overlay

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Logo list

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Slideshow - Classic

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Slideshow with text

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

PRODUCT

Featured product

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

PROMOTIONAL

Newsletter

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

STORE INFORMATION

Contact form

• Checkbox
• Email (required) (1/1)
• Drop-down
• Paragraph
• Radio buttons
• Text area
• Text field

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Map

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

TEXT

Rich text

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Testimonials

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

Text columns with images

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS

VIDEO

Video

LAYOUT

Width

• Standard
• Wide

Top spacing

Bottom spacing

Left spacing

Right spacing

Animation

• None
• Fade in
• Fade in down
• Fade in left
• Fade in right
• Slide in
• Slide in down
• Slide in left
• Slide in right

ADVANCED

CSS Class

Custom CSS