> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/faqs.md).

# FAQs

### General

<details>

<summary>How to disable the mosaic animation effect when loading images</summary>

To disable the lazy-loading effect for images, simply turn off **Enable Image Lazy Loading** in the **Animations** section of **Theme settings**.

[Animations](/global-settings/animations.md)

</details>

<details>

<summary>Does the Ascent theme support custom badges?</summary>

We provide badges for **Sold Out**, **Sale**, **Pre-order**, **New Arrival**, **Gift**, and **Limited Edition**. You can customize the badge text by modifying the **theme's default content**.

![](/files/3ly5xuS7enPyMl3NOcvc)

If you want to add other custom badges, please contact us, and our technical team will assist you.

[Support Policy](/support-policy.md)

</details>

<details>

<summary>How to change the background color of a page</summary>

You can control the background color, text color, and button color of the entire page by adjusting **Scheme 1** in the **Colors** settings under **Theme settings**.\
![](/files/EkxNczJiGKv60JKFHgBx)

</details>

<details>

<summary>How to Add Custom Payment Icons</summary>

If you are using a third-party payment service (e.g., Airwallex), Shopify will not automatically display the payment method icons. You need to manually add these icons by modifying the code. Detailed steps can be found [Custom Payment Icons](/footer/custom-payment-icons.md)

</details>

<details>

<summary>How to Handle Third-Party Plugin Element Obstruction of Mobile Menus</summary>

We can resolve the obstruction of mobile menus by third-party plugin elements by increasing the menu's z-index level. [Mobile Menu Obstruction by Third-Party Plugins](/header/mobile-menu-obstruction-by-third-party-plugins.md)

</details>

<details>

<summary>Why the filter on the collection page is not working?</summary>

Shopify limits filtering when a collection contains more than **5,000 products**. We recommend splitting the large collection into smaller collections and distributing the products across them.

</details>

### Header

<details>

<summary>How to prevent dropdown menu links from redirecting to a new page</summary>

To disable link redirection for dropdown or Mega menus, you can set the link to "/" or select the homepage as the link.

</details>

<details>

<summary>How to Remove the Underline from a Transparent Header</summary>

You can find the "Hide bottom line" option under "Header" > "Transparent header settings." Simply uncheck it to remove the underline.

</details>

### Footer

<details>

<summary>How to remove the "Powered by Shopify" text in the footer</summary>

* **Log in to your Shopify Admin:** Use your admin account to log in to your Shopify Admin.
* **Go to Theme Settings:** In the sidebar menu, navigate to **Online Store > Themes**.
* **Access Theme Editor:** Under the **Current Theme** section, click **Actions > Edit default theme content**.

  <div align="left"><figure><img src="/files/10r1jr9nitRwqkVlN9GE" alt=""><figcaption></figcaption></figure></div>
* **Search for "Powered by Shopify":** Use the search bar at the top to type **"Powered by Shopify"**, and locate the corresponding text field.
* **Delete the Text:** First, enter any content into the field and save it. Then, clear the text in the field and enter a single space instead; the "Powered by Shopify" logo will then be removed.
* **Save Changes:** Click the **Save** button in the upper-right corner to apply the changes.

</details>

### Product

<details>

<summary>How to display category metafield data on the product page</summary>

![](/files/XZucfgyO2pWIjIHR8MKS)

Turn on the **Show category metafield table** on the product template page, and the category metafield data will be displayed automatically.

</details>

<details>

<summary>How to display custom metafield data on the product page</summary>

Add a block: **Custom Attribute**, then select Dynamic Source for the content and choose the custom meta field to display.

![](/files/LsJKF6fU4bQNtzKgMD6s)

![](/files/I12aCLgrDUJX2l042axI)

</details>

<details>

<summary>How to display a product size chart using custom metafields</summary>

![](/files/DQyCU4SUCSVwQMpCNAiK)

Add a **Popup** block, then set the content to either text or an image, select the **dynamic source**, and choose the created size chart metafield.

[Size Chart](/pages/main-product/size-chart.md)

</details>

<details>

<summary>How to display color samples and image samples for variants</summary>

To enhance the shopping experience, you can display color and image samples for product variants, allowing customers to visualize options more effectively.

For more details, please refer to [Variant Samples](/pages/main-product/variant-samples.md)

</details>

<details>

<summary><strong>How to Add Complementary Products</strong></summary>

Use the **Shopify Search & Discovery** app to add complementary products and enhance the customer shopping experience. For detailed steps, see [Complementary Products](/pages/main-product/complementary-products.md)

</details>

<details>

<summary><strong>How to Display Related Products</strong></summary>

Add a related products section to the product page to showcase related items. For details, see [Related Products](/pages/main-product/related-products.md)

</details>

<details>

<summary>How to Create a Product A+ Page</summary>

Create an Independent and Customizable Product Page.This page will be highly flexible, supporting personalized content layouts and responsive design. For further details, please refer to [Product A+ Page](/pages/main-product/product-a+-page.md)

</details>

<details>

<summary><strong>How to Set Up Back-in-Stock Notifications?</strong></summary>

You can create an automated workflow that sends a notification to subscribed customers when a product is restocked. Here’s how to set it up:

#### **Step 1: Install the Required Apps**

* **Shopify Flow** (for creating automation workflows)
* **Seguno Email Marketing** or **Klaviyo** (for sending email notifications)

#### **Step 2: Create a Flow Automation**

1. Go to **Shopify Admin > Apps > Flow**
2. Use the built-in Flow template by searching for **"Send a back in stock notification"**
3. Follow the setup instructions, including installing **Seguno Email Marketing**
4. In Seguno (or Klaviyo), create an email template for back-in-stock notifications

</details>

**If the solution above does not resolve your issue, please contact us.**

{% content-ref url="/pages/ZxCcLzdRbcY41o9jy813" %}
[Support Policy](/support-policy.md)
{% endcontent-ref %}