Skip to main content

Changing your Appearance settings

Emily avatar
Written by Emily
Updated over 2 weeks ago

Using the Appearance settings, you can make visual adjustments to Ultimate Special Offers on your storefront to fit better with your theme’s styling.

Hover over each setting, and the preview will highlight which element you’re adjusting. Using the colour selector, you can mix and match colours to match your theme’s styling.

If you know the specific colour you're looking for, enter a hex code directly. Click here for more information on hex codes.

Settings to adjust the appearance of the volume table on a product page.


Sale badges

Use these settings to adjust the default sale badge appearance. You can adjust the Badge text, Badge type, Background colour, Text/border colour, and Badge position of the default sale badge. Use the Border checkbox to show a border around the sale badge.

These settings only adjust the default sale badge. To adjust custom badges, enable sale badges within each offer type and select Create custom badge. Click here for more information on customizing sale badges.

Settings to adjust the appearance of sale badges.


To return your sale badge to its default initial appearance, assign the following settings:

Badge text: SALE

Badge style: Circle

Background colour: #28436b21

Text and border colour: #000000

Badge position: Top, Left


Advanced

Use the Advanced settings for further adjustments to your offer’s styling on the storefront.

Caution: if you’re not comfortable with adjusting your theme’s code, reach out to support for assistance with your advanced appearance settings.


Notification bar placement

This snippet is used for custom placement of your offer’s notification bar and is typically placed within your header template.

A code snippet that can be used to change the position of an offer's notification bar.


Displaying offers in the cart

Typically, offers will show in the cart as a dismissible popup. Using this snippet, you can embed the popup directly onto the cart page as a widget. This snippet is typically placed in your cart template.

Volume Tiers grid and Bundle placement

Use these snippets to adjust the placement of the Volume Tiers grid and Bundle widget on your product page. These snippets are typically placed in your product page template.

Cart discount summary placement

Using this snippet you can adjust the position of the cart discount summary. This snippet is typically placed in your cart template.

Various code snippets that can be used to change the position of different app elements like volume tables, bundle widgets, and cart summaries.


Did this answer your question?