Help Center > GemPages Elements

Base

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

Stack

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

Icon

How to use the Icon List elements

Pop-up

How to use the Popup element

Banner

How to use the Parallax element
Create an image comparison slider with Before and After Images element
How to use the Hero Banner 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 images with the (P) Image element
Track product's inventory with (P) SKU element
Enable direct checkout with the (P) Dynamic Checkout Button element
Display product details with the (P) Description element
Display product quantity with the (P) Quantity element
Show product options with (P) Variants element
How to use the (P) Stock Counter element
How to use The (P) Image List Element
Reduce content with the (P) View More element
Display product source with (P) Vendor element
Display variations with (P) Swatches element
Display product prices with (P) Price element
Let customers add products to cart with the (P) Cart Button element
How to use the (P) File Upload Element

Booster

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

Social Media

How to Add Facebook Like & Share element

Form field

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

Collection

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

Article

Create a list of blog posts with the Article List element