Agile - Premium Shopify Theme
Shopify GuidesContact Us
  • Agile - Greeting
  • THEME INSTALLATION
    • Recommended Apps
    • Create Required Metafields
  • Theme Setting
    • Favicon
    • Layout
    • Badges
    • Colors
    • Typography
    • Product
    • Color swatches
    • Social media
    • Search behavior
    • Animation
    • Currency format
    • Cart
    • Checkout
    • Cookies
    • Custom CSS
  • Sections
    • Announcement bar
    • Header
    • Featured product
    • Collection list
    • Rich text
    • Image with text
    • Slideshow
    • Newsletter
    • Contact form
    • Video
    • Custom liquid
    • Blog posts
    • Countdown timer
    • Divider
    • FAQ
    • Google map
    • Icons with text
    • Image with text overlay
    • Logo list
    • Promotion banner
    • Recently viewed products
    • Scrolling text
    • Shopable image
    • Spacing
    • Testimonials
    • Tiktok video
    • Video with text overlay
    • Featured collection
    • Search
    • Quick shop
    • Newsletter popup
    • Age verifier popup
    • Footer
    • Mobile navigation bar
    • Cart drawer
    • Page heading
    • Product testimonials
    • Shopable video
    • Image tabs
    • Image testimonials
    • Image comparison slide
    • Bundle products
  • Collections & Products Pages
    • Products
      • Page template sections
        • Product information
        • App
        • Related products
    • Collections
      • Page template sections
        • Product grid
        • Collection banner
    • Collections list
      • Page template sections
        • Collection list page
  • Other pages
    • Cart
    • Checkout
    • Search
    • Blogs
      • Page template sections
        • Blog carousel
        • Blog posts
    • Blog posts
    • 404 page
    • Password
    • Our store
    • About us
      • Page template sections
    • Contact us
      • Page template sections
    • Faqs
  • FREQUENTLY ASKED QUESTIONS
    • How to change Elements of page?
      • Home Page
        • Gorde
        • Obik
        • Glamor
        • Serums
        • Rustic
    • How to translate a theme after adding a new default language?
    • Theme translation
    • Change currency
    • The desktop screen look more like on a tablet
    • Change free shipping message
    • How to setup pre-order products?
    • Staff account
Powered by GitBook
On this page
  • 1. Banner and Logo
  • 2. Main content area
  • 3. Order summary
  • 4. Typography and Colors
  • 5. Checkout settings
  1. Theme Setting

Checkout

Last updated 1 year ago

The checkout page on an e-commerce website streamlines the buying process, enhances security, offers transparency in pricing, allows for order review, and provides payment options, ensuring a smooth and trustworthy transaction experience for users

1. Banner and Logo

Users can add their background banner or logo, choose the logo's position (left, right, center), and adjust its display size. Alternatively, they can leave these fields blank

2. Main content area

You can include a background image or choose a background color for the main content area of the checkout pages. This area is where customers input their shipping and payment details, so ensure that the field text remains easily readable against the background. Note that you can't use both a background image and color simultaneously.

3. Order summary

On the checkout page, when customers click 'Show order summary,' a list of their purchased products is shown. You can customize the order summary's background with an image or color. Preview your choices to confirm the appearance, accessible through the theme editor's preview.

4. Typography and Colors

Use this section to customize fonts and colors to match the aesthetics of the checkout page.

Typography

You can select from a list of fonts to customize your checkout pages. You can't change the color of the text on the checkout page.

Colors

You can modify button colors, error messages, and accents like links on the checkout pages. Ensure text remains readable against the main content area and order summary backgrounds when changing colors.

5. Checkout settings

For additional checkout customization options, please visit the admin panel for more details.

Step: Go to Dashboard > Settings > Checkout