> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop-theme/global/theme-settings.md).

# Theme settings

Upload your store logo and favicon used throughout your storefront.

## How to access

1. **Go to** Shopify Admin → Online Store → Themes.
2. **Click** Customize on your active theme.
3. Click **Theme settings** → **Logo**.

## Logo

<figure><img src="/files/vWOWMJBSk7fDfV689JWB" alt=""><figcaption></figcaption></figure>

| Setting       | Description                                             |
| ------------- | ------------------------------------------------------- |
| Logo          | Selects the logo image displayed throughout your store. |
| Logo width    | Sets the display width of the logo in pixels.           |
| Favicon image | Selects the favicon displayed in the browser tab.       |

## Colors

<div><figure><img src="/files/Yp4GPGiCUEMGr2TAb39i" alt=""><figcaption></figcaption></figure> <figure><img src="/files/AmVBMlEcL4hOTRg12uf9" alt=""><figcaption></figcaption></figure> <figure><img src="/files/J2s9ztvkzERsySWm2gcE" alt=""><figcaption></figcaption></figure></div>

| Setting          | Description                                              |
| ---------------- | -------------------------------------------------------- |
| Schemes          |                                                          |
| Color schemes    | Manage the color schemes available throughout the theme. |
| Sale badge       |                                                          |
| Background color | Sets the background color of the sale badge.             |
| Text color       | Sets the text color of the sale badge.                   |
| Sold out badge   |                                                          |
| Background color | Sets the background color of the sold out badge.         |
| Text color       | Sets the text color of the sold out badge.               |

## Typography

<figure><img src="/files/5sb3nptYY802Ifo77t9X" alt=""><figcaption></figcaption></figure>

| Setting         | Description                                                 |
| --------------- | ----------------------------------------------------------- |
| Headings        |                                                             |
| Font            | Selects the font used for headings.                         |
| Font size scale | Adjusts the heading font size throughout the theme.         |
| Font transform  | Sets the heading text style. Choose from Uppercase or None. |
| Body            |                                                             |
| Font            | Selects the font used for body text.                        |
| Font size scale | Adjusts the body font size throughout the theme.            |

## General settings

<figure><img src="/files/T8OSLDmQakph4uRGeKJg" alt=""><figcaption></figcaption></figure>

| Setting              | Description                                                                           |
| -------------------- | ------------------------------------------------------------------------------------- |
| Layout               |                                                                                       |
| Page width           | Sets the maximum width of the page content.                                           |
| Card style           | Sets the style of product, collection, and blog cards. Choose from Classic or Modern. |
| Enable scroll to top | Shows a button that scrolls the page back to the top.                                 |
| Animation effect     | Sets the animation effect used for theme content.                                     |
| Background image     |                                                                                       |
| Pattern image        | Selects a background pattern image for the page.                                      |

## Currency format

<figure><img src="/files/zoaZwGQPgky2WyR9zUFC" alt=""><figcaption></figcaption></figure>

| Setting             | Description                                               |
| ------------------- | --------------------------------------------------------- |
| Show currency codes | Displays currency codes with prices throughout the store. |

## Border

<figure><img src="/files/vMq6rYtGJeDrhvEpIVik" alt=""><figcaption></figcaption></figure>

| Setting        | Description                                             |
| -------------- | ------------------------------------------------------- |
| Thickness      | Sets the thickness of borders throughout the theme.     |
| Corner radius  | Controls the roundness of corners throughout the theme. |
| Input settings |                                                         |
| Thickness      | Sets the border thickness for input fields.             |
| Corner radius  | Controls the roundness of input field corners.          |

{% hint style="info" %}
The border thickness and corner radius settings in the first section apply only when the **Classic** card style is selected in **Theme settings → General settings**.
{% endhint %}

## Buttons

<figure><img src="/files/s7hoOTxU6hZmfScYHHFA" alt=""><figcaption></figcaption></figure>

| Setting           | Description                                                     |
| ----------------- | --------------------------------------------------------------- |
| Thickness         | Sets the border thickness of buttons.                           |
| Button shape      | Sets the button shape. Choose from Classic, Modern, or Default. |
| Shadow            |                                                                 |
| Horizontal offset | Sets the horizontal position of the button shadow.              |
| Vertical offset   | Sets the vertical position of the button shadow.                |

{% hint style="info" %}
Shadow settings apply only to buttons not for the links.
{% endhint %}

## Cards

<div><figure><img src="/files/vkG0jnnlAPad4AkE4FfU" alt=""><figcaption></figcaption></figure> <figure><img src="/files/VY3Qo4jXrzCWHGFmG8MZ" alt=""><figcaption></figcaption></figure></div>

| Setting            | Description                                                  |
| ------------------ | ------------------------------------------------------------ |
| Product card       |                                                              |
| Color scheme       | Sets the background and text colors of product cards.        |
| Background opacity | Controls the transparency of the product card background.    |
| Heading size       | Sets the size of product card headings.                      |
| Collection card    |                                                              |
| Color scheme       | Sets the background and text colors of collection cards.     |
| Background opacity | Controls the transparency of the collection card background. |
| Heading size       | Sets the size of collection card headings.                   |
| Blog card          |                                                              |
| Color scheme       | Sets the background and text colors of blog cards.           |
| Background opacity | Controls the transparency of the blog card background.       |
| Heading size       | Sets the size of blog card headings.                         |

## Social media

<div><figure><img src="/files/39hbdpUmX60NaJdPTWyL" alt=""><figcaption></figcaption></figure> <figure><img src="/files/x5rcB5HzySb81hdVw9Kt" alt=""><figcaption></figcaption></figure></div>

| Setting         | Description                                  |
| --------------- | -------------------------------------------- |
| Social accounts |                                              |
| Facebook        | Adds your Facebook profile or page link.     |
| Instagram       | Adds your Instagram profile link.            |
| YouTube         | Adds your YouTube channel link.              |
| TikTok          | Adds your TikTok profile link.               |
| X / Twitter     | Adds your X (formerly Twitter) profile link. |
| Snapchat        | Adds your Snapchat profile link.             |
| Pinterest       | Adds your Pinterest profile link.            |
| Tumblr          | Adds your Tumblr profile link.               |
| Vimeo           | Adds your Vimeo profile or channel link.     |

## Cart

<figure><img src="/files/JAjIXoO9FrnEtTRNYcOE" alt=""><figcaption></figcaption></figure>

| Setting             | Description                                                          |
| ------------------- | -------------------------------------------------------------------- |
| Cart type           | Sets how the cart is displayed. Choose from Drawer or Page.          |
| Cart note           | Allows customers to add a note to their order.                       |
| Enable cart upsells | Displays product recommendations in the cart.                        |
| Upsell source       | Sets the source used to display cart upsell products.                |
| Upsell collection   | Selects the collection used for cart upsell products.                |
| Pagination style    | Sets the pagination style for cart upsell products.                  |
| Free shipping bar   |                                                                      |
| Enable              | Displays a free shipping progress bar in the cart.                   |
| Minimum amount      | Sets the minimum order amount required to qualify for free shipping. |

## Offcanvas drawer

<figure><img src="/files/3zKft8z3SdiW9QJOj7NB" alt=""><figcaption></figcaption></figure>

| Setting      | Description                                                                      |
| ------------ | -------------------------------------------------------------------------------- |
| Color scheme | Sets the background and text colors for the cart drawer, canvas, and quick view. |

## Search behavior

<figure><img src="/files/DdAngnKJFSiXz6sMhViK" alt=""><figcaption></figcaption></figure>

| Setting             | Description                                                                        |
| ------------------- | ---------------------------------------------------------------------------------- |
| Color scheme        | Sets the background and text colors for the search drawer.                         |
| Show pages          | Includes pages in search results.                                                  |
| Show articles       | Includes blog articles in search results.                                          |
| Show collections    | Includes collections in search results.                                            |
| Search product card |                                                                                    |
| Color scheme        | Sets the background and text colors for product cards displayed in search results. |
| Show price          | Displays product prices in search results.                                         |
| Show products       | Displays product results in the search drawer.                                     |

## Color swatches

<figure><img src="/files/TATVh5mCMLD1rH8SvVB3" alt=""><figcaption></figcaption></figure>

| Setting                       | Description                                                                                                                 |
| ----------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| Option name to show as swatch | Specifies the product option names that should be displayed as color swatches. Separate multiple option names with a comma. |
| Swatch shape                  | Sets the swatch shape. Choose from Rounded or Boxed.                                                                        |

## Custom CSS

<figure><img src="/files/DUT1J9iYDmAjRaMq0ALK" alt=""><figcaption></figcaption></figure>

| Setting | Description                                                      |
| ------- | ---------------------------------------------------------------- |
| CSS     | Adds custom CSS that is applied across your entire online store. |