Help Center > GemPages Elements

Base

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

Stack

How to use the Accordion element
How to create an image slider with the Carousel element
How to use the Tabs element
How to use the Pricing element

Pop-up

How to use the Popup element

Banner

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 source with (P) Vendor element
Let customers add products to cart with the (P) Cart Button element
Display product details with the (P) Description element
Display variations with (P) Swatches element
Show product options with (P) Variants element
Enable direct checkout with the (P) Dynamic Checkout Button element
How to use the (P) Stock Counter element
Display product quantity with the (P) Quantity element
Reduce content with the (P) View More element
Display product prices with (P) Price element
Display product images with the (P) Image element
Track product's inventory with (P) SKU element
How to use The (P) Image List 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

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

Collection

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

Article

Create a list of blog posts with the Article List element