Amber Documentation
  • Amber - Documentation
  • Global Settings
    • Info
    • Typography
    • Colors
    • Styles
    • Search Suggestion
    • Variants and Swatches
    • Product card
    • Breadcrumbs
    • Localization
    • Price
    • Social Media
    • Favicon
    • Cart
    • Animation
    • Checkout
  • Global Features
    • Focal Points
    • Custom product badges
  • Global Sections
    • Announcement bar
    • Header
    • Cookie banner
    • Newsletter popup
    • Product quick view
    • Size guide
  • Content Sections
    • Content sections
    • Common settings
    • Featured collections
    • Featured product
    • Image with text
    • Custom liquid
    • FAQ
    • Featured blog
    • Featured cards
    • Featured products
    • Hero slider
    • Image with products gallery
    • Image with text overlay
    • Logos
    • Media banner
    • Newsletter banner
    • Richtext
    • Shop the look
    • Shop the Look recommendations
    • Size guide
    • Social images
    • Testimonials
    • Marquee
  • Pages
    • Collections list
    • Collection page
    • Product page
    • Size guide page
    • Cart page
    • Contact page
    • Blog
Powered by GitBook
On this page
  1. Global Features

Focal Points

PreviousCheckoutNextCustom product badges

Last updated 1 year ago

Focal points give you more control over the way your image is displayed when you use different aspect ratios, and on varying screen sizes. You can only have one focal point per image, but you can change it or remove it at any time.

More details from Shopify's guide here: .

A basic example of the focal point can be previewed on this section:

You can see that the uploaded image is taller than wider.

This means that part of it will be cropped when visualized on the corresponding section.

If you need to have a specific area of the image be visible, you can change this by changing the focal point.

This can be done by clicking the Edit button on top of the image. You will see the following popup.

From here, you can change the focal point and this will show a different part of the image when saved.

For example:

https://help.shopify.com/en/manual/online-store/images/theme-images#set-a-focal-point-on-a-theme-image