How to change the colour of the buttons on the wishlist pageUpdated 6 days ago

Change wishlist page button colours

You can change the colours used for the Add to cart and Create New List buttons on Wysh wishlist pages from your Shopify theme editor.

These settings are found in the Wysh Wishlist app embed. If your store was previously styled through the Wysh setup wizard, you must first enable Override Wizard Settings before the theme editor button colour settings will take effect.

WARNING

Enabling Override Wizard Settings makes the theme editor settings take priority over styling that was previously set in the Wysh installation wizard.

FAQ

Q. How do I change the Add to cart and Create New List button colours on the wishlist page?

A. In Shopify, open your store's theme editor and go to App embeds. Then open the Wysh Wishlist settings.

Wysh Wishlist app embed settings in the Shopify theme editor showing Override Wizard Settings

Look for Override Wizard Settings. If it is not already enabled, turn it on.

This allows the theme editor settings to take precedence over any styling previously set in the Wysh installation wizard.

Scroll down to the Wishlist pages section in the Wysh settings.

Find the toggle labelled Override action button colours and enable it.

Wishlist pages section in Wysh settings showing Override action button colours

After enabling Override action button colours, additional colour fields appear for the wishlist page buttons.

Use these settings to choose the colours for the primary and secondary action buttons, including their background, text, border, and hover states.

As you update the colours, you can see the changes in real time in the theme editor preview.

When you are happy with the result, click Save in the theme editor.

Theme editor preview showing customised Add to cart and Create New List button colours on the wishlist page

Q. Which buttons do these settings affect?

A. These settings affect the action buttons shown on Wysh wishlist pages, including Add to cart and Create New List. Wysh uses separate primary and secondary button colour settings so you can style different button types on the wishlist page.

Q. Why are my new colours not appearing?

A. The most common reason is that Override Wizard Settings is still turned off. If you used custom styling during the Wysh setup wizard, those wizard settings can override theme editor styling until Override Wizard Settings is enabled in the Wysh Wishlist app embed.

NOTE

This matches how Wysh handles app-level and theme-level styling: wizard settings win by default, and theme editor settings win only after Override Wizard Settings is enabled.

Q. What does Override action button colours do?

A. Override action button colours enables manual colour selection for wishlist page action buttons. Once turned on, you can define the colours used for primary and secondary buttons instead of relying on the default wishlist page button styling.

Q. Can I preview the changes before publishing them?

A. Yes. The Shopify theme editor shows your changes in real time, so you can review the updated Add to cart and Create New List button colours before saving.

TIP

If you want to test design changes first, make them on a draft theme before applying them to your live storefront.

Quick checklist

Open App embeds in the Shopify theme editor
Open Wysh Wishlist
Enable Override Wizard Settings if needed
Go to Wishlist pages
Enable Override action button colours
Choose your primary and secondary button colours
Review the live preview and Save

Was this article helpful?

Yes