Can the size of the Product Badge on the  Product Display Page be adjusted?

By Design, the Product Badge on the Product Display Page has a max width 25% and max height 25% of the product primary image.  The text badge has max width of 50%.   This is hardcoded but can easily be adjusted by customizing the blueprint.  The ccs can be overwritten within the blueprint.

Details regarding the Application of a Product Badge can be found in the article listed below:

Delete a revision

Product Badging Image Size

ai_cta

ai_identity

ai_chat

ai_product


Data set that refers to a person or a role and contains at least one address via which the person or role can receive messages.

recipient

Create a guest user experience

cfg-docs

Configured Commerce docs

Get started

Optimizely Opal

Administer a website

Spire CMS

Marketing

Orders

Products

Customers

Users

Search

Languages and translations

Connectors

Integrate Optimizely products

Third-party integrations

Classic CMS

Optimizely Configured Commerce

End user docs

AVS and CVV gateway provisioning for Spreedly

Set custom values for gateway-specific fields

Customize the 3DS challenge window

Composable modules

Upgrade Configured Commerce

Sandbox and production infrastructure

Long-Term Support and Short-Term Support branches

Deployment process

Production database synchronization

Service requests and self-service options

Roll Back Configured Commerce Base Code

Deployments & Service Requests

.NET 8.0+ overview

Add Application Insights in .NET

Build service v2

Spire CMS Configured Commerce 5.x architecture

Enable Progressive Web Application (PWA) development

Classic CMS Configured Commerce 5.x architecture

Database definitions

Add custom database scripts

Configure SMTP for email services

Monitor and improve website performance

Configure multiple email domains

Create an alternate cart endpoint

Customize account activation email models

Dependency injection

Cart v2 overview

Extend Cart v2

Architecture

Work with the data model and Entity Framework ORM

Transactions and the unit of work

Entity extension considerations

Database objects to user interface label mapping

Custom properties

Create a custom property in the application dictionary

Create custom settings

Create custom tables with an entity and WebApi

Move content from pilot/sandbox to production

Use custom properties

Data model

IFrame limitations

Security architecture

iFramed credit card processing for cloud

Restrict access to the Admin Console

Use email address as username

Configure IssuerUri for IdentityServer on webfarms

Work with security headers

Platform security

IStartupTask

IBuildEmailValues

ICartOrderProvider

IShutdownTask

Public surface area

Get started with Configured Commerce

Release information

Integrate Configured Commerce with other Optimizely products

Environment setup for developers

Customer and partner co-development

Keep mobile in mind

WebAPI controller

Module services

Provision a cloud project

Add or update websites for a cloud project

Activate a license

Add the domain to the Admin Console

Cloud customer launch checklist

Go-live with Configured Commerce

Go-live performance spot check

Resources for developers

Third-party library policy

Download WIS

Upgrade AngularJS from 1.3.15 to 1.7.9

Troubleshoot Cloudsuite Distribution in v1 sandbox environments

Customizations with VMI

Get started with Optimizely Configured Commerce

Start a Spire project

Classic to Spire CMS conversion tool customizations

Create new blueprints in Spire

Understand blueprint components

Extend the front-end with blueprints in Spire

Work with front-end handlers in Spire

Server-side rendering (SSR) guidelines for Spire

Override and code injection in Spire

Deploy blueprints built for Spire

Blueprints and Spire CMS

Mobius design language

Spire templates

Replace an existing Spire page

Add a page type

Page NavigationFilters

Create a custom widget in Spire

Build sites with Spire and React Redux

Replace a widget in Spire

Create a custom reducer

Modify Spire CSS widget styles

Zones in React

Install third-party npm packages

Customize the Invoice and Order PDF

Translate static content in blueprints

Admin Console read-only data pages

Extend Spire CMS

Extend Classic CMS

Themes and Classic CMS

Search architecture

Search extensions

Customize the search rebuild process

Add custom properties to the search index

Implement a third-party search provider

Extend search

Configured Commerce plug-ins

Real-time pricing

Plug-ins

Rule types by context

Create custom rule type option for criteria type

Create custom rule type option for CMS variants

Rules engine

Handlers

Add handlers

Add handlers to return custom properties to a service

Handlers and helpers with custom address fields

API handlers

Helpers and utilities

DateTimeProvider

DefaultDateTimeProvider

IAuthenticationService

ICookieManager

IJobLogger

ISiteContext

IUnitOfWork

MessageProvider

ReadPdf utility

DataSet table and column names

Pipelines

Add and replace pipelines

Account pipeline

Budget pipeline

Cart pipeline

Catalog pipeline

ConfigureIndexSettings pipeline

CreatePunchOutProfileTransactionRequest pipeline

Customer pipeline

Etag Cache pipeline

HTML redirect pipeline

Inventory pipeline

PopulateAvailabilities pipeline

PopulateProductStyles pipeline

Pricing pipeline

Promotions pipeline

PunchOut pipelines

Requisition pipeline

Request for Quote pipeline

Search pipeline

Third-party search pipeline

VMI pipeline

Wishlist pipeline

Set up a single sign-on (SSO) client

Set up Google and Facebook SSO

Set up Microsoft Entra ID SSO

Set up OpenId Connect SSO

Set up SSO locally in Spire

SSO token validator extension point

Single Sign-On (SSO)

Configured Commerce + Product Recommendations

Configured Commerce + CMS 12

Send custom properties to ODP

Integrate Optimizely Products

Windows Integration Server (WIS) overrides

Custom PDF implementation

Override payment gateway settings

Integration extensions

Developer docs

Product Badging Image Size

Description

Steps