Design Base
Elements
Integrations
Design Base
Top 10 most read articles of Design Base
Show/Hide Element or Section on Each Device?
This guide will walk you through each step to control the visibility of elements in GemPages editor. With GemPages, you can control the visibility of specific elements or sections across devices, ensuring...
Put Text over Image
This article will guide you on How to Put Text over Image with GemPages. There are two methods to overlay text on images: Using the Hero Banner element and the Row element....
Re-order Columns/Content on Mobile
This article shows how to re-order columns and content on mobile with GemPages. Why Re-ordering Columns on Mobile Matters By default, columns in a row that are laid out horizontally on the...
Put Button side by side
This article will guide you on How to put Button side-by-side with GemPages. The Button element is an interactive element that prompts users to take specific actions on your website. If you...
Optimize the Design for Mobile Which is Not Impacted to Desktop?
This article breaks down some best practices and techniques you can use to optimize your page for mobile without affecting the desktop layout. Why Changes on Mobile Can Affect Desktop? GemPages operates...
How to Create 5-Column Grid with Row or Carousel Element
This article shows you how to set up a 5-column grid using the Row and Carousel elements, helping you optimize product displays for both desktop and mobile users. Introduction Creating an engaging...
Basic settings of a page
This article will take you through the essential steps of handling the basic settings of a page/template with GemPages. To begin, you will need to access your GemPages Dashboard. Upon installing GemPages,...
Design Color Swatches with Product Variants & Swatches Element
This article will provide a step-by-step guide to help you effectively showcase the product options using color swatches. Color swatches are colorful buttons positioned on a product page, replacing the traditional drop-down...
Create a Sticky Section
This article will show you how to make a sticky section using Editor V7. With Editor V7, you can create different kinds of sticky sections based on what you need. This article...
Design Related Products section with Product List element
This article introduces the Related Products feature in GemPages and provides a step-by-step guide on how to design a Related Products section. Note: For optimal functionality, please ensure that you upgrade to...