Ember Theme — Settings Reference
Every setting the Theme Editor exposes, grouped the way the editor groups them.
422 settings across 9 sections.
Every section except Ember Theme and Lookbook comes from Cornerstone and holds storefront
wording and platform styling. They are listed for completeness, but a
store that sells in one language rarely needs to touch them — BigCommerce fills them
from the theme's language files.
| Section |
Settings |
| Ember Theme |
126 |
| Global |
44 |
| Header and footer |
35 |
| Homepage |
3 |
| Products |
47 |
| Buttons and icons |
25 |
| Checkout page |
68 |
| Payment buttons |
33 |
| Lookbook |
41 |
Ember Theme
126 settings.
Dark Mode
| Setting |
ID |
Type |
| Theme Mode |
yen-default-theme-mode |
select: System, Light, Dark |
| Dark Toggle |
yen-show-dark-toggle |
checkbox |
Colors
| Setting |
ID |
Type |
| Accent |
yen-accent-color |
color |
| Primary |
yen-primary-color |
color |
| Heading |
yen-heading-color |
color |
| Text |
yen-text-color |
color |
| Muted |
yen-muted-color |
color |
Layout
| Setting |
ID |
Type |
| Background |
yen-bg-color |
color |
| Surface |
yen-surface-color |
color |
| Border |
yen-border-color |
color |
| Accent text |
yen-accent-text-color |
color |
| Button |
yen-accent-btn-color |
color |
Dark Mode Colors
| Setting |
ID |
Type |
| Accent |
yen-dark-accent-color |
color |
| Accent text |
yen-dark-accent-text-color |
color |
| Button |
yen-dark-accent-btn-color |
color |
| Primary |
yen-dark-primary-color |
color |
| Heading |
yen-dark-heading-color |
color |
| Text |
yen-dark-text-color |
color |
| Muted |
yen-dark-muted-color |
color |
| Background |
yen-dark-bg-color |
color |
| Surface |
yen-dark-surface-color |
color |
| Border |
yen-dark-border-color |
color |
| Layout Preset |
yen-layout-preset |
select: Classic — framed cards, split hero, Editorial — full-bleed hero, centred logo, Market — search-first header, round categories |
| Max Width |
yen-container-width |
select: 1200px, 1400px, 1600px |
| Border Radius |
yen-border-radius |
select: 0px, 8px, 14px, 20px |
Announcement
| Setting |
ID |
Type |
| Message 1 |
yen-topbar-msg-1 |
input |
| Message 2 |
yen-topbar-msg-2 |
input |
| Message 3 |
yen-topbar-msg-3 |
input |
| Setting |
ID |
Type |
| All Categories Banner Image |
yen_all_categories_banner_image |
input |
| All Categories Banner Text |
yen_all_categories_banner_text |
input |
| Categories Promo Image |
yen-mega-cat-img |
input |
| Categories Promo Link |
yen-mega-cat-img-url |
input |
| Shop Promo Image |
yen-mega-shop-img |
input |
| Shop Promo Link |
yen-mega-shop-img-url |
input |
Homepage
| Setting |
ID |
Type |
| Hero: Storefront > Carousel slides |
homepage_show_carousel |
checkbox |
| Hero 1 Focus (phones & tablets) |
yen-hero-1-focus |
select: 0% (left), 10%, 20%, 30%, 40%, 50% (centre), 60%, 70%, 80%, 90%, 100% (right) |
| Hero 2 Focus (phones & tablets) |
yen-hero-2-focus |
select: 0% (left), 10%, 20%, 30%, 40%, 50% (centre), 60%, 70%, 80%, 90%, 100% (right) |
| Hero 3 Focus (phones & tablets) |
yen-hero-3-focus |
select: 0% (left), 10%, 20%, 30%, 40%, 50% (centre), 60%, 70%, 80%, 90%, 100% (right) |
| Hero and footer pills |
yen-hero-pills |
select: Built-in text (translated), Your text below, Hidden |
| Pill 1 |
yen-hero-pill-1 |
input |
| Pill 2 (also the cart page returns badge) |
yen-hero-pill-2 |
input |
| Pill 3 |
yen-hero-pill-3 |
input |
| Trust Badges |
yen-show-trust-badges |
checkbox |
| Badge 1 Title |
yen-trust-shipping-title |
input |
| Badge 1 Text |
yen-trust-shipping-desc |
input |
| Badge 2 Title |
yen-trust-secure-title |
input |
| Badge 2 Text |
yen-trust-secure-desc |
input |
| Badge 3 Title |
yen-trust-returns-title |
input |
| Badge 3 Text |
yen-trust-returns-desc |
input |
| Promo Banner |
yen-show-promo-banner |
checkbox |
| Promo Banner Image |
yen-promo-banner-image |
input |
| Promo Image 1 |
yen-promo-banner-img1 |
input |
| Promo Trust Badges |
yen-promo-banner-show-trust |
checkbox |
| Promo returns note (empty: Hassle free returns) |
yen-trust-returns-note |
input |
Carousel slides: while this is on and Storefront > Carousel has slides, the hero is built from them, and widgets in the hero Page Builder regions home_hero_slide_1 to home_hero_slide_3 are not shown.
Hero and footer pills: the three short notes under the hero buttons and in the footer (Free shipping, 30-day returns, Secure checkout). With Your text below, an empty pill is hidden. {amount} in a pill shows the Free Shipping ($) threshold in the shopper's currency; that pill is hidden while Free Shipping Messages is off. Pill 2 is also the cart page returns badge, which Hidden removes. With Your text or Hidden, the first built-in hero slide also drops its line about shipping and returns.
Flash Sale
| Setting |
ID |
Type |
| Flash Sale |
yen-show-flash-sale |
checkbox |
| Flash Sale Source |
yen-flash-sale-products |
select: Best Sellers, Featured, New Arrivals |
| Flash Sale Title |
yen-flash-sale-title |
input |
| Flash Sale Text |
yen-flash-sale-desc |
input |
| Flash Sale End Date |
yen-flash-sale-end |
input |
Reviews
| Setting |
ID |
Type |
| Reviews |
yen-show-testimonials |
checkbox |
| Reviews Score |
yen-testimonials-score |
input |
| Reviews Count |
yen-testimonials-count |
input |
| Review 1 Name |
yen-testimonial-1-name |
input |
| Review 1 Quote |
yen-testimonial-1-quote |
input |
| Review 1 Time |
yen-testimonial-1-time |
input |
| Review 2 Name |
yen-testimonial-2-name |
input |
| Review 2 Quote |
yen-testimonial-2-quote |
input |
| Review 2 Time |
yen-testimonial-2-time |
input |
| Review 3 Name |
yen-testimonial-3-name |
input |
| Review 3 Quote |
yen-testimonial-3-quote |
input |
| Review 3 Time |
yen-testimonial-3-time |
input |
| Newsletter |
yen-show-newsletter |
checkbox |
| Newsletter Title |
yen-footer-newsletter-title |
input |
| Newsletter Text |
yen-footer-newsletter-desc |
input |
| Brand Story |
yen-show-brand-story |
checkbox |
Press
| Setting |
ID |
Type |
| Press Bar |
yen-show-press |
checkbox |
| Press Title |
yen-press-title |
input |
| Press 1 Image |
yen-press-1-img |
input |
| Press 1 Link |
yen-press-1-url |
input |
| Press 2 Image |
yen-press-2-img |
input |
| Press 2 Link |
yen-press-2-url |
input |
| Press 3 Image |
yen-press-3-img |
input |
| Press 3 Link |
yen-press-3-url |
input |
| Press 4 Image |
yen-press-4-img |
input |
| Press 4 Link |
yen-press-4-url |
input |
| Press 5 Image |
yen-press-5-img |
input |
| Press 5 Link |
yen-press-5-url |
input |
Product
| Setting |
ID |
Type |
| Sticky ATC Bar |
yen-product-sticky-atc |
checkbox |
| Q&A Tab |
yen-show-qa-tab |
checkbox |
| Compare button outside category and brand pages |
yen-show-compare |
checkbox |
Cart
| Setting |
ID |
Type |
| Free Shipping ($) |
yen-cart-free-shipping-threshold |
select: $25, $50, $75, $100, $150, $200 |
| Cross-sell |
yen-cart-show-crosssell |
checkbox |
| Trust Badges |
yen-cart-show-trust-badges |
checkbox |
| Free Shipping Messages |
yen-cart-show-shipping-progress |
checkbox |
| Recently Viewed |
yen-show-recently-viewed |
checkbox |
| Recently Viewed Count |
yen-recently-viewed-count |
select: 3, 4, 6, 8, 10, 12 |
About page
| Setting |
ID |
Type |
| Story photo (Image Manager file name) |
yen-about-img |
input |
| Story photo description (alt text) |
yen-about-img-alt |
input |
| Stats |
yen-about-stats |
select: Built-in text (translated), Your text below, Hidden |
| Stat 1 number |
yen-about-stat-1-num |
input |
| Stat 1 label |
yen-about-stat-1-label |
input |
| Stat 2 number |
yen-about-stat-2-num |
input |
| Stat 2 label |
yen-about-stat-2-label |
input |
| Stat 3 number |
yen-about-stat-3-num |
input |
| Stat 3 label |
yen-about-stat-3-label |
input |
| Stat 4 number |
yen-about-stat-4-num |
input |
| Stat 4 label |
yen-about-stat-4-label |
input |
| Values |
yen-about-values |
select: Built-in text (translated), Your text below, Hidden |
| Value 1 title |
yen-about-value-1-title |
input |
| Value 1 text |
yen-about-value-1-desc |
input |
| Value 2 title |
yen-about-value-2-title |
input |
| Value 2 text |
yen-about-value-2-desc |
input |
| Value 3 title |
yen-about-value-3-title |
input |
| Value 3 text |
yen-about-value-3-desc |
input |
| Value 4 title |
yen-about-value-4-title |
input |
| Value 4 text |
yen-about-value-4-desc |
input |
| Value 5 title |
yen-about-value-5-title |
input |
| Value 5 text |
yen-about-value-5-desc |
input |
| Value 6 title |
yen-about-value-6-title |
input |
| Value 6 text |
yen-about-value-6-desc |
input |
| Hero sentence and closing banner |
yen-about-text |
select: Built-in text (translated), Your text below |
| Hero sentence |
yen-about-hero |
input |
| Banner title |
yen-about-cta-title |
input |
| Banner text |
yen-about-cta-desc |
input |
| Button label |
yen-about-cta-btn |
input |
| Button link |
yen-about-cta-url |
input |
Story photo: upload it in Storefront > Image Manager, then enter its file name. Leave empty for the theme's photo.
With Your text below, an empty number or title hides that item.
With Your text below, an empty field hides it. Button link: a path on this store, such as /shop-all/, or a full link to it; anything else opens /categories.
Global
44 settings.
Background and lines
| Setting |
ID |
Type |
| Banner background |
color-primary |
color |
| Page background |
body-bg |
color |
| Common dark background |
container-fill-dark |
color |
| Modal overlay background |
overlay-backgroundColor |
color |
| Alert popup box background |
alert-backgroundColor |
color |
| Alert popup text color |
alert-color |
color |
| Horizontal line |
container-border-global-color-base |
color |
Body text and links
| Setting |
ID |
Type |
| Body text font family |
body-font |
font |
| Body text font size |
fontSize-root |
select: 16px, 18px |
| Body text color |
color-textBase |
color |
| Body text hover color |
color-textBase--hover |
color |
| Secondary text color |
color-textSecondary |
color |
| Secondary text hover color |
color-textSecondary--hover |
color |
| Link color |
color-textLink |
color |
| Link hover color |
color-textLink--hover |
color |
| Link active color |
color-textLink--active |
color |
Headings
| Setting |
ID |
Type |
| Heading font family |
headings-font |
font |
| Heading 1 |
fontSize-h1 |
select: 24px, 26px, 28px, 32px, 36px, 48px, 56px |
| Heading 2 |
fontSize-h2 |
select: 21px, 23px, 25px, 29px, 33px, 32px, 38px |
| Heading 3 |
fontSize-h3 |
select: 18px, 20px, 22px, 26px, 30px |
| Heading 4 |
fontSize-h4 |
select: 16px, 18px, 20px, 24px, 28px |
| Heading 5 |
fontSize-h5 |
select: 13px, 15px, 19px, 23px, 16px |
| Heading 6 |
fontSize-h6 |
select: 13px, 17px, 21px, 14px |
| Heading text color |
color-textHeading |
color |
Loading indicators
| Setting |
ID |
Type |
| Spinner light half |
spinner-borderColor-light |
color |
| Spinner dark half |
spinner-borderColor-dark |
color |
| Modal loading background |
loadingOverlay-backgroundColor |
color |
| Product thumbnail loading background |
container-fill-base |
color |
Image Loading
| Setting |
ID |
Type |
| Lazyloading Mode |
lazyload_mode |
select: Lazyload, Lazyload with LQIP, Disabled |
Cornerstone doesn’t load most images until the user scrolls to them on the screen. Enable "Lazyloading with LQIP" below if you prefer to show a preview image and replace it with a better quality version as the user scrolls. Select "Disabled" below to fully turn off this feature.
Pages
| Setting |
ID |
Type |
| Hide breadcrumbs |
hide_breadcrumbs |
checkbox |
| Hide page heading |
hide_page_heading |
checkbox |
| Hide category page heading |
hide_category_page_heading |
checkbox |
| Hide blog page heading |
hide_blog_page_heading |
checkbox |
| Hide contact us page heading |
hide_contact_us_page_heading |
checkbox |
Products
| Setting |
ID |
Type |
| Display style |
product_list_display_mode |
select: Show products in a grid, Show products in a list |
| Category header with an image |
category_header_style |
select: Banner: photo behind the title, Split: title beside the whole photo |
Blog
| Setting |
ID |
Type |
| Size of images |
blog_size |
imageDimension |
Pricing
| Setting |
ID |
Type |
| Show price ranges for products with variants. If disabled it will show the product price |
price_ranges |
checkbox |
Purchase options
| Setting |
ID |
Type |
| Label text color |
form-label-font-color |
color |
| Field text color |
input-font-color |
color |
| Field background |
input-bg-color |
color |
| Field background disabled |
input-disabled-bg |
color |
| Field border |
input-border-color |
color |
| Field border active |
input-border-color-active |
color |
35 settings.
| Setting |
ID |
Type |
| Header background |
header-backgroundColor |
color |
Logo
| Setting |
ID |
Type |
| Logo position |
logo-position |
select: Right, Center, Left |
| Logo image size |
logo_size |
imageDimension |
| Dark mode logo URL (full https:// address) |
yen-logo-dark-url |
input |
| Logo already works on dark backgrounds |
yen-logo-dark-ready |
checkbox |
| Logo font size |
logo_fontSize |
select: 14px, 16px, 18px, 20px, 22px, 24px, 26px, 28px, 30px, 32px, 34px, 36px, 38px, 40px, 42px, 44px, 46px, 48px, 50px, 52px, 54px, 56px, 58px, 60px, 62px, 64px, 66px, 68px, 70px, 72px, 74px |
| Logo text color |
storeName-color |
color |
Utility navigation
| Setting |
ID |
Type |
| Show storefront selector |
show_channels |
checkbox |
| Text color |
navUser-color |
color |
| Text hover color |
navUser-color-hover |
color |
| Cart dropdown background |
navUser-dropdown-backgroundColor |
color |
| Cart dropdown border |
navUser-dropdown-borderColor |
color |
| Cart counter background |
navUser-indicator-backgroundColor |
color |
Main navigation
| Setting |
ID |
Type |
| Hide links to web pages |
hide_content_navigation |
checkbox |
| Text color |
navPages-color |
color |
| Text hover color |
navPages-color-hover |
color |
| Dropdown menu background |
navPages-subMenu-backgroundColor |
color |
| Dropdown menu border |
navPages-subMenu-separatorColor |
color |
| Dropdown menu display mode |
navigation_design |
select: Simple (Menu display depth of 3), Alternate (Max menu display depth) |
| Quick search background |
dropdown--quickSearch-backgroundColor |
color |
| Setting |
ID |
Type |
| Show social media icons |
social_icon_placement_top |
checkbox |
| Footer Placement |
social_icon_placement_bottom |
select: None, Right, Left |
Social accounts must be set up to use this feature.
| Setting |
ID |
Type |
| Footer background |
footer-backgroundColor |
color |
Display settings
| Setting |
ID |
Type |
| Show "Powered by BigCommerce" |
show_powered_by |
checkbox |
| Show brands in footer |
shop_by_brand_show_footer |
checkbox |
| Show "©", current year and store name |
show_copyright_footer |
checkbox |
Payment icons
| Setting |
ID |
Type |
| Show American Express |
show_accept_amex |
checkbox |
| Show Discover |
show_accept_discover |
checkbox |
| Show Mastercard |
show_accept_mastercard |
checkbox |
| Show PayPal |
show_accept_paypal |
checkbox |
| Show Visa |
show_accept_visa |
checkbox |
| Show Amazon Pay |
show_accept_amazonpay |
checkbox |
| Show Apple Pay |
show_accept_applepay |
checkbox |
| Show Google Pay |
show_accept_googlepay |
checkbox |
| Show Klarna |
show_accept_klarna |
checkbox |
Homepage
3 settings.
Products
| Setting |
ID |
Type |
| Number of featured products |
homepage_featured_products_count |
select: Disable, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 |
| Number of most popular products |
homepage_top_products_count |
select: Disable, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 |
| Number of new products |
homepage_new_products_count |
select: Disable, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 |
Products
47 settings.
Product sale badges
| Setting |
ID |
Type |
| Show product sale badges |
product_sale_badges |
select: None, Top Left, Diagonal, Burst |
| Product sale badge label |
pdp_sale_badge_label |
text |
| Product price label (sale) |
pdp-sale-price-label |
text |
| Product price label (before sale) |
pdp-non-sale-price-label |
text |
| Product price label (retail) |
pdp-retail-price-label |
text |
| Product price label |
pdp-price-label |
text |
| Badge text color |
color_text_product_sale_badges |
color |
| Badge color |
color_badge_product_sale_badges |
color |
| Badge hover color |
color_hover_product_sale_badges |
color |
| Show product sold-out badges |
product_sold_out_badges |
select: None, Top Left, Diagonal, Burst |
| Product sold out badge label |
pdp_sold_out_label |
text |
| Badge text color |
color_text_product_sold_out_badges |
color |
| Badge color |
color_badge_product_sold_out_badges |
color |
| Badge hover color |
color_hover_product_sold_out_badges |
color |
- the 'Product price label' is displayed when there is not a sale price.
*For texture swatches, max dimensions are 150x150.
Display settings
| Setting |
ID |
Type |
| Show quickview button on product cards |
show_product_quick_view |
checkbox |
| Show product weight |
show_product_weight |
checkbox |
| Show product dimensions |
show_product_dimensions |
checkbox |
| Show product swatch names |
show_product_swatch_names |
checkbox |
| Size Guide Page URL |
yen-size-guide-page |
input |
| Show "Shop by Price" in filters |
shop_by_price_visibility |
checkbox |
| Show product reviews |
show_product_reviews |
checkbox |
| Number of product reviews |
productpage_reviews_count |
select: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 |
| Wishlist dropdown background |
dropdown--wishList-backgroundColor |
color |
| Show quick payment buttons |
show_quick_payment_buttons |
checkbox |
Number of products displayed
| Setting |
ID |
Type |
| Category page |
categorypage_products_per_page |
select: 6, 8, 9, 12, 15, 16, 18, 20 |
| Default Product Sort |
yen_default_product_sort |
select: Featured Items, Newest Items, Best Selling, A to Z, Z to A, By Review, Price Ascending, Price Descending |
| Brand page |
brandpage_products_per_page |
select: 6, 8, 9, 12, 15, 16, 18, 20 |
| Search result page |
searchpage_products_per_page |
select: 6, 8, 9, 12, 15, 16, 18, 20 |
| Product page (related products) |
productpage_related_products_count |
select: Disable, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 |
| Product page (customers also viewed products) |
productpage_similar_by_views_count |
select: Disable, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 |
Product cards
| Setting |
ID |
Type |
| Product header text color |
card-title-color |
color |
| Product header text hover color |
card-title-color-hover |
color |
| Button text color |
card-figcaption-button-color |
color |
| Button background |
card-figcaption-button-background |
color |
| Setting |
ID |
Type |
| Show promotion callouts on product cards and product pages |
show_featured_promotions |
checkbox |
| Callout background (light mode) |
yen-offer-bg-color |
color |
| Callout text (light mode) |
yen-offer-text-color |
color |
Product cards (quick search)
| Setting |
ID |
Type |
| Background color |
card--alternate-backgroundColor |
color |
| Border color |
card--alternate-borderColor |
color |
| Text hover color |
card--alternate-color--hover |
color |
Image sizes
| Setting |
ID |
Type |
| Main product images |
product_size |
imageDimension |
| Thumbnail image in product page |
productview_thumb_size |
imageDimension |
| Thumbnail image in cart and other pages |
productthumb_size |
imageDimension |
| Zoomed image |
zoom_size |
imageDimension |
| Image in gallery view |
productgallery_size |
imageDimension |
| Brand image in gallery view |
brand_size |
imageDimension |
| Product swatch images |
swatch_option_size |
imageDimension |
Please specify a maximum image size for desktop display. We'll automatically scale down the image for smaller devices.
25 settings.
| Setting |
ID |
Type |
| Button text color |
button--primary-color |
color |
| Button text hover color |
button--primary-colorHover |
color |
| Button text active color |
button--primary-colorActive |
color |
| Button background |
button--primary-backgroundColor |
color |
| Button background hover |
button--primary-backgroundColorHover |
color |
| Button background active |
button--primary-backgroundColorActive |
color |
| Setting |
ID |
Type |
| Button text color |
button--default-color |
color |
| Button text hover color |
button--default-colorHover |
color |
| Button text active color |
button--default-colorActive |
color |
| Button border |
button--default-borderColor |
color |
| Button border hover |
button--default-borderColorHover |
color |
| Button border active |
button--default-borderColorActive |
color |
| Setting |
ID |
Type |
| Button background |
select-bg-color |
color |
| Button arrow icon |
select-arrow-color |
color |
| Setting |
ID |
Type |
| Button text color |
button--disabled-color |
color |
| Button background |
button--disabled-backgroundColor |
color |
| Button border |
button--disabled-borderColor |
color |
Icons
| Setting |
ID |
Type |
| Social media icon |
icon-color |
color |
| Social media icon hover |
icon-color-hover |
color |
| Star review icon (full) |
icon-ratingFull |
color |
| Star review icon (empty) |
icon-ratingEmpty |
color |
| Increase/decrease button icon |
button--icon-svg-color |
color |
| Setting |
ID |
Type |
| Checkbox and radio icon |
checkRadio-color |
color |
| Button background |
checkRadio-backgroundColor |
color |
| Button border |
checkRadio-borderColor |
color |
Checkout page
68 settings.
| Setting |
ID |
Type |
| Use background image |
optimizedCheckout-show-backgroundImage |
checkbox |
| 1000 x 400px recommended |
optimizedCheckout-backgroundImage |
optimizedCheckout-image |
| Header image size |
optimizedCheckout-backgroundImage-size |
imageDimension |
| Background color |
optimizedCheckout-header-backgroundColor |
color |
| Header text color |
optimizedCheckout-header-textColor |
color |
| Header border |
optimizedCheckout-header-borderColor |
color |
Logo
| Setting |
ID |
Type |
| Logo type |
optimizedCheckout-show-logo |
select: Text, Text |
| 250 x 100px recommended |
optimizedCheckout-logo |
optimizedCheckout-image |
|
optimizedCheckout-logo-size |
imageDimension |
| Logo position |
optimizedCheckout-logo-position |
select: Left, Center, Right |
Discount banner
| Setting |
ID |
Type |
| Banner background |
optimizedCheckout-discountBanner-backgroundColor |
color |
| Banner text color |
optimizedCheckout-discountBanner-textColor |
color |
| Banner icon |
optimizedCheckout-discountBanner-iconColor |
color |
Order summary box
| Setting |
ID |
Type |
| Box background |
optimizedCheckout-orderSummary-backgroundColor |
color |
| Box border |
optimizedCheckout-orderSummary-borderColor |
color |
Checkout steps
| Setting |
ID |
Type |
| Icon background |
optimizedCheckout-step-backgroundColor |
color |
| Icon border |
optimizedCheckout-step-borderColor |
color |
| Icon text color |
optimizedCheckout-step-textColor |
color |
Headings
| Setting |
ID |
Type |
| Heading 1 font family |
optimizedCheckout-headingPrimary-font |
font |
| Heading 1 text color |
optimizedCheckout-headingPrimary-color |
color |
| Heading 2 font family |
optimizedCheckout-headingSecondary-font |
font |
| Heading 2 text color |
optimizedCheckout-headingSecondary-color |
color |
Body
| Setting |
ID |
Type |
| Page background |
optimizedCheckout-body-backgroundColor |
color |
| Focus color |
optimizedCheckout-colorFocus |
color |
Body text and links
| Setting |
ID |
Type |
| Body text font family |
optimizedCheckout-contentPrimary-font |
font |
| Body text color |
optimizedCheckout-contentPrimary-color |
color |
| Secondary text font family |
optimizedCheckout-contentSecondary-font |
font |
| Secondary text color |
optimizedCheckout-contentSecondary-color |
color |
| Link font family |
optimizedCheckout-link-font |
font |
| Link color |
optimizedCheckout-link-color |
color |
| Link hover color |
optimizedCheckout-link-hoverColor |
color |
| Setting |
ID |
Type |
| Button text font family |
optimizedCheckout-buttonPrimary-font |
font |
| Button text color |
optimizedCheckout-buttonPrimary-color |
color |
| Button text hover color |
optimizedCheckout-buttonPrimary-colorHover |
color |
| Button text active color |
optimizedCheckout-buttonPrimary-colorActive |
color |
| Button text disabled color |
optimizedCheckout-buttonPrimary-colorDisabled |
color |
| Button background |
optimizedCheckout-buttonPrimary-backgroundColor |
color |
| Button background hover |
optimizedCheckout-buttonPrimary-backgroundColorHover |
color |
| Button background active |
optimizedCheckout-buttonPrimary-backgroundColorActive |
color |
| Button background disabled |
optimizedCheckout-buttonPrimary-backgroundColorDisabled |
color |
| Button border |
optimizedCheckout-buttonPrimary-borderColor |
color |
| Button border hover |
optimizedCheckout-buttonPrimary-borderColorHover |
color |
| Button border active |
optimizedCheckout-buttonPrimary-borderColorActive |
color |
| Button border disabled |
optimizedCheckout-buttonPrimary-borderColorDisabled |
color |
| Setting |
ID |
Type |
| Button text font family |
optimizedCheckout-buttonSecondary-font |
font |
| Button text color |
optimizedCheckout-buttonSecondary-color |
color |
| Button text hover color |
optimizedCheckout-buttonSecondary-colorHover |
color |
| Button text active color |
optimizedCheckout-buttonSecondary-colorActive |
color |
| Button background |
optimizedCheckout-buttonSecondary-backgroundColor |
color |
| Button background hover |
optimizedCheckout-buttonSecondary-backgroundColorHover |
color |
| Button background active |
optimizedCheckout-buttonSecondary-backgroundColorActive |
color |
| Button border |
optimizedCheckout-buttonSecondary-borderColor |
color |
| Button border hover |
optimizedCheckout-buttonSecondary-borderColorHover |
color |
| Button border active |
optimizedCheckout-buttonSecondary-borderColorActive |
color |
| Setting |
ID |
Type |
| Label text color |
optimizedCheckout-form-textColor |
color |
| Field text color |
optimizedCheckout-formField-textColor |
color |
| Field placeholder text color |
optimizedCheckout-formField-placeholderColor |
color |
| Field error text color |
optimizedCheckout-formField-errorColor |
color |
| Field background |
optimizedCheckout-formField-backgroundColor |
color |
| Field inner shadow |
optimizedCheckout-formField-shadowColor |
color |
| Field border |
optimizedCheckout-formField-borderColor |
color |
| Checkbox button background |
optimizedCheckout-formField-inputControlColor |
color |
| Setting |
ID |
Type |
| Background color |
optimizedCheckout-formChecklist-backgroundColor |
color |
| Form background |
optimizedCheckout-formChecklist-backgroundColorSelected |
color |
| Form header text color |
optimizedCheckout-formChecklist-color |
color |
| Form border color |
optimizedCheckout-formChecklist-borderColor |
color |
Loading toaster
| Setting |
ID |
Type |
| Toaster background |
optimizedCheckout-loadingToaster-backgroundColor |
color |
| Toaster text color |
optimizedCheckout-loadingToaster-textColor |
color |
33 settings.
Product Details Page
| Setting |
ID |
Type |
| PayPal button color |
paymentbuttons-paypal-product-details-page-color |
select: Gold, Blue, Silver, Black, White |
| PayPal Pay Later button color |
paymentbuttons-paylater-product-details-page-color |
select: Gold, Blue, Silver, Black, White |
| Venmo button color |
paymentbuttons-venmo-product-details-page-color |
select: Blue, White |
| Button content |
paymentbuttons-paypal-product-details-page-label |
select: PayPal Checkout, Pay with PayPal, Buy Now, PayPal |
Cart page & Added to Cart modal window
| Setting |
ID |
Type |
| PayPal button color |
paymentbuttons-paypal-cart-page-add-cart-color |
select: Gold, Blue, Silver, Black, White |
| PayPal Pay Later button color |
paymentbuttons-paylater-cart-page-add-cart-color |
select: Gold, Blue, Silver, Black, White |
| Venmo button color |
paymentbuttons-venmo-cart-page-add-cart-color |
select: Blue, White |
| Button content |
paymentbuttons-paypal-cart-page-add-cart-label |
select: PayPal Checkout, Pay with PayPal, Buy Now, PayPal |
Top of checkout
| Setting |
ID |
Type |
| PayPal button color |
paymentbuttons-paypal-checkout-on-top-color |
select: Gold, Blue, Silver, Black, White |
| PayPal Pay Later button color |
paymentbuttons-paylater-checkout-on-top-color |
select: Gold, Blue, Silver, Black, White |
| Venmo button color |
paymentbuttons-venmo-checkout-on-top-color |
select: Blue, White |
| Button content |
paymentbuttons-paypal-checkout-on-top-payment-label |
select: PayPal Checkout, Pay with PayPal, Buy Now, PayPal |
| Setting |
ID |
Type |
| PayPal button color |
paymentbuttons-paypal-checkout-payment-color |
select: Gold, Blue, Silver, Black, White |
| PayPal Pay Later button color |
paymentbuttons-paylater-checkout-payment-color |
select: Gold, Blue, Silver, Black, White |
| Venmo button color |
paymentbuttons-venmo-checkout-payment-color |
select: Blue, White |
| Button content |
paymentbuttons-paypal-checkout-payment-label |
select: PayPal Checkout, Pay with PayPal, Buy Now, PayPal |
| Button size |
paymentbuttons-paypal-checkout-payment-size |
select: Small, Medium, Large |
| Setting |
ID |
Type |
| Button Container |
paymentbuttons-container |
select: Small, Medium, Large |
Quick payment buttons on product page
| Setting |
ID |
Type |
| Number of buttons always visible |
paymentbuttons-number-of-buttons |
select: 1, 2 |
| Sort Order |
paymentbuttons-provider-sorting |
sort |
| Setting |
ID |
Type |
| Button color |
paymentbuttons-paypal-color |
select: Gold, Blue, Silver, Black, White |
| Button shape |
paymentbuttons-paypal-shape |
select: Pill, Rectangle |
| Button content |
paymentbuttons-paypal-label |
select: PayPal Checkout, Pay with PayPal, Buy Now, PayPal |
PayPal Button on checkout page
| Setting |
ID |
Type |
| Button color |
checkout-paymentbuttons-paypal-color |
select: Gold, Blue, Silver, Black, White |
| Button shape |
checkout-paymentbuttons-paypal-shape |
select: Pill, Rectangle |
| Button size |
checkout-paymentbuttons-paypal-size |
select: Small, Medium, Large |
| Button content |
checkout-paymentbuttons-paypal-label |
select: PayPal Checkout, Pay with PayPal, Buy Now, PayPal |
| Setting |
ID |
Type |
| Button color |
googlepay-button-color |
select: Black (white text), White (black text) |
| Setting |
ID |
Type |
| Button color |
applePay-button |
select: Black (white text), White (black text), White (black text with border) |
| Setting |
ID |
Type |
| Button color |
afterpay-button-color |
select: Black on Mint, Mint on Black, Black (white text), White (black text) |
| Setting |
ID |
Type |
| Button color |
amazon-button-color |
select: Gold, Light Gray, Dark Gray |
| Setting |
ID |
Type |
| Button color |
masterpass-button-color |
select: Black (white text), White (black text) |
| Setting |
ID |
Type |
| Button shape |
paymentbuttons-bolt-shape |
select: Pill, Rectangle |
Lookbook
41 settings.
Hero
| Setting |
ID |
Type |
| Hero Eyebrow |
yen-lookbook-hero-eyebrow |
input |
| Hero Title |
yen-lookbook-hero-title |
input |
| Hero Text |
yen-lookbook-hero-desc |
input |
Look 1
| Setting |
ID |
Type |
| Look 1 Title |
yen-lookbook-1-title |
input |
| Look 1 Text |
yen-lookbook-1-desc |
input |
| Look 1 Image |
yen-lookbook-1-image |
input |
| Look 1 IDs |
yen-lookbook-1-products |
input |
| Look 1 View All URL |
yen-lookbook-1-viewall-url |
input |
| Look 1 Hotspots (x,y|x,y) |
yen-lookbook-1-hotspots |
input |
Look 2
| Setting |
ID |
Type |
| Look 2 Title |
yen-lookbook-2-title |
input |
| Look 2 Text |
yen-lookbook-2-desc |
input |
| Look 2 Image |
yen-lookbook-2-image |
input |
| Look 2 IDs |
yen-lookbook-2-products |
input |
| Look 2 View All URL |
yen-lookbook-2-viewall-url |
input |
| Look 2 Hotspots (x,y|x,y) |
yen-lookbook-2-hotspots |
input |
Look 3
| Setting |
ID |
Type |
| Look 3 Title |
yen-lookbook-3-title |
input |
| Look 3 Text |
yen-lookbook-3-desc |
input |
| Look 3 Image |
yen-lookbook-3-image |
input |
| Look 3 IDs |
yen-lookbook-3-products |
input |
| Look 3 View All URL |
yen-lookbook-3-viewall-url |
input |
| Look 3 Hotspots (x,y|x,y) |
yen-lookbook-3-hotspots |
input |
Look 4
| Setting |
ID |
Type |
| Look 4 Title |
yen-lookbook-4-title |
input |
| Look 4 Text |
yen-lookbook-4-desc |
input |
| Look 4 Image |
yen-lookbook-4-image |
input |
| Look 4 IDs |
yen-lookbook-4-products |
input |
| Look 4 View All URL |
yen-lookbook-4-viewall-url |
input |
| Look 4 Hotspots (x,y|x,y) |
yen-lookbook-4-hotspots |
input |
Rooms
| Setting |
ID |
Type |
| Rooms Title |
yen-lookbook-rooms-title |
input |
| Rooms Subtitle |
yen-lookbook-rooms-sub |
input |
| Room 1 Label |
yen-lookbook-room-1-label |
input |
| Room 1 URL |
yen-lookbook-room-1-url |
input |
| Room 1 Image |
yen-lookbook-room-1-image |
input |
| Room 2 Label |
yen-lookbook-room-2-label |
input |
| Room 2 URL |
yen-lookbook-room-2-url |
input |
| Room 2 Image |
yen-lookbook-room-2-image |
input |
| Room 3 Label |
yen-lookbook-room-3-label |
input |
| Room 3 URL |
yen-lookbook-room-3-url |
input |
| Room 3 Image |
yen-lookbook-room-3-image |
input |
| Room 4 Label |
yen-lookbook-room-4-label |
input |
| Room 4 URL |
yen-lookbook-room-4-url |
input |
| Room 4 Image |
yen-lookbook-room-4-image |
input |