Help Center > GemPages Elements

Base

How to use the Heading element
How to use the Button element
Display text with the Text Block element
How to use the Image element
How to use the Icon element
How to create a Breadcrumb with GemPages
How to use the Separator element
Design your page layout with the Row element
How to add custom code to GemPages by Liquid Element

Stack

Display your physical store address using the Google Maps element
How to use the Accordion element
How to use the Pricing element
How to use the Carousel element
How to use the Tabs element

Icon

How to use the Icon List element

Pop-up

How to use the Popup element

Banner

How to use the Parallax element
How to use the Hero Banner element
Create an image comparison slider with Before and After Images element

Video

How to use the Video Background element

Product

How To Custom Your Product Display With The Product Module
How to use the Product List element
Upsell and Cross-sell with the Related Products element
Display product source with (P) Vendor element
How to use the (P) Stock Counter element
Track product's inventory with (P) SKU element
Display product details with the (P) Description element
Enable direct checkout with the (P) Dynamic Checkout Button element
Show product options with (P) Variants element
How to use the (P) File Upload Element
Let customers add products to cart with the (P) Cart Button element
Display variations with (P) Swatches element
Reduce content with the (P) View More element
Display product prices with (P) Price element
Display product quantity with the (P) Quantity element
Display product images with the (P) Image element
How to use The (P) Image List Element

Booster

How to use the Social Sharing element
Use the Countdown element to create a sense of urgency

Social Media

How to Add Facebook Like & Share element

Form field

Grow your email list with the Newsletter element
How to use the Checkbox element
How to use the Contact Form element
How to use the Text Field element
How to use the Text Area element
How to use the Dropdown element

Collection

How to filter your collections with the (C) Toolbar element
How to use the Paginator element for your Collection pages
How to sort your collections with the (C) Toolbar element

Article

Create a list of blog posts with the Article List element