# 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/HdIKTDW3Kuclz3EUeb3p" 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/kxOdoV9uOfjg1ADVHUaN)

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 %}


---

# Agent Instructions: 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:

```
GET https://ascent.webvista.studio/faqs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
