> For the complete documentation index, see [llms.txt](https://docs.lufavo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lufavo.com/frameora/theme-configuration/theme-customization-options.md).

# Theme customization options

Customize the global design and shared theme behavior of **Frameora** from **Theme settings** in the Shopify theme editor.

These settings control your store branding, fonts, colors, social links, pagination, search and cart icon.

{% hint style="success" %}

### How to access theme settings

* From your Shopify admin, go to **Online Store > Themes**.
* Find the **Frameora** theme.
* Click **Customize**.
* In the theme editor sidebar, click the **Theme settings** icon.
  {% endhint %}

Theme settings apply across the storefront.

***

### Branding

Use Branding settings to upload your store logo and favicon.

#### Logo image

Upload the logo image used in the storefront header.

For best results, use a clear logo with a transparent background.

#### Logo width

Control the width of the logo in the header.

Adjust this setting until the logo looks balanced on desktop and mobile.

#### Favicon image

Upload the small icon shown in the browser tab.

Recommended size:

* 32x32px PNG
* 48x48px PNG

***

### Typography

Use Typography settings to control the fonts used across your store.

#### Use theme font picker

Enable this setting to use Shopify’s theme font picker.

#### Heading font

Choose the font used for headings across the storefront.

#### Body font

Choose the font used for paragraph text, product descriptions, navigation text, and other body content.

Frameora supports Shopify font picker variants, including regular, bold, italic, and bold italic where available.

***

### Colors

Use Colors settings to match Frameora to your brand.

Frameora includes these global color settings:

* Background
* Text
* Accent
* Accent secondary
* Card background
* Border
* Muted text
* Button text

Choose colors with strong contrast so text is easy to read and buttons are easy to see.

***

### Social media

Use Social media settings to add your store’s social profile links.

Frameora supports these social links:

* Facebook URL
* Instagram URL
* TikTok URL
* Pinterest URL

These links may appear in supported areas such as the footer.

Only add active social media profiles that belong to your store or brand.

***

### Pagination

Use Pagination settings to control how many products appear on collection pages.

#### Products per page

Choose how many products to show per collection page.

The default setting is **24 products per page**.

You can adjust this based on your product catalog and preferred collection layout.

***

### Search

Use Search settings to control search visibility and search field text.

#### Show search icon

Enable this setting to show the search icon in the header.

#### Search placeholder

Customize the placeholder text shown in the search field.

Default text:

**Search**

***

### Cart

Use Cart settings to control cart visibility in the header.

#### Show cart icon

Enable this setting to show the cart icon in the header.

If disabled, make sure customers still have a clear way to access the cart or checkout.

***

### Save your changes

After changing theme settings, click **Save**.

{% hint style="success" %}
If your changes do not appear immediately:

* Refresh the storefront.
* Open the page in a private browser window.
* Confirm you edited the correct theme.
* Confirm the correct theme is published or previewed.
  {% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.lufavo.com/frameora/theme-configuration/theme-customization-options.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.