Aurora Theme

Topic summary

A Shopify beginner using the Aurora theme encountered two main issues: non-functional “Quick View” buttons and wanting to change the “Sold Out” badge color to red.

Sold Out Badge Color:

  • Multiple solutions were provided using custom CSS code added to Theme Settings → Custom CSS
  • The working solution targeted .product-card__on-image-badges .product-badge--sold-out with red background and white text
  • Alternative approach suggested adding code to the normalize.css file

Quick View Issue:

  • The problem also existed on the theme’s demo store for the “Pure” preset, but worked on other presets
  • Community members recommended contacting theme support since Aurora is a paid theme
  • Resolution: The Quick View feature was successfully enabled by adding it to the “Overlay group” in the theme customizer settings (found under product card configuration)
  • The latest theme update notes mentioned Quick View changes, suggesting configuration adjustments were needed

Additional Help:

  • User also received guidance on adjusting product card/image sizes by changing aspect ratio settings from “Portrait large” to “Portrait”
  • Community members encouraged creating separate forum threads for new questions and mentioning helpers with [email removed] tags for better organization
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Hi please help I’m a total newbie here on Shopify and I’m on Aurora Theme,

just wanted to ask how to make the “Quick View” clickable?

how to make “Sold Out” turn Red?

Thank you!

Screenshot 2025-05-17 095334.png

Screenshot 2025-05-17 095349.png

Hi @xSon

Can you share me your store url & password (if applicable) then I will check then give you the solution

1 Like

Hi, is giving my store password here publicly is safe?

or should I private message you?

ps.

where can I see my password?

yes it’s safty because it’s only storefront password, no one can access to your admin

1 Like

Funny that Quick view does not work on their demo store, Pure preset, other setups work.

It’s a paid theme, reach out to their support.

If your theme is set up from Pure preset, try changing to something different (Theme settings=> Theme Style).

As for the sold out badge – I am pretty sure there is a color settings for this under Theme settings=> Colors.

Can also add the following code to the Theme settings=> Custom CSS:

body {
 --gsc-product-sold-out-badge-background: red;
}
1 Like

this is my store URL: https://alyasabaya.com/

I think it doesn’t have a password because I didn’t see one.

you need anything more?

Hi @xSon

Go to Admin → Sale Channels → Online Store → Themes → click to Customize your current theme → choose Theme Settings → Custom CSS:

let add this custom code:

.product-card__on-image-badges .product-badge--sold-out {
    background: red;
    color: white;
}

the result:

For the Quick View button is not working, I see the demo theme also not working. you should reach to their theme support to resolve easier

1 Like

Hi,

I don’t want to change the Theme Style.

As for the sold out badge, after copying your code this is what happens.

.
Screenshot 2025-05-17 120216.png

wow it works, how did you do/know that.

also how can you access/edit my website just by it’s URL?

how about the “Quick View” do you have a solution for that?

for only style on the storefront, we can view source code via browser inspector.

For the Quick View button is not working, I see the demo theme also not working. you should reach to their theme support to resolve easier

1 Like

Interesting. For me it works:

As for the quick view – try it in a theme copy just to confirm that it works with other presets. then you should contact theme support – it simply does not make sense for us to spend time on suggesting an edit when it’s a theme bug, it’s a paid theme which should have support.

If we suggest a code edit to fix this you would be stuck with the theme with modified code which you would not be able to update easily…

1 Like

Also this:

2 Likes

Hi @xSon

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file normalize.css and add this code at the end of the file

.product-card__badge.product-badge.product-badge--sold-out {
    background: red !important;
}

Result

Best,

DaisyVo

Sir thank you for helping me, actually I’m a total newbie, if I have more questions can I ask you here please?

No problem. It takes time to get familiar with all the theme features and settings.

You can definitely ask questions in the forum, just mention me in your question (start typing [email removed] then my name and the system will notify me). I prefer to answer questions in forum so that other may benefit from this…

As for the quick view – again, contacting support would be easier and better in a long run. They will come up with fix, create bug-fix version of the theme, you will update to this newer version in admin and will be able to update your theme in future without warnings.

They may offer to do a quick fix by editing your theme code – just keep in noted somewhere that with the next them update it will be dropped and the system will warn you.

Sir thank you for helping me, actually I’m a total newbie, if I have more questions can I ask you here please?

Sir I forgot to ask, how to contact support?

Yes you can ask any question to me, but it will be better if you create new thread in this forum,just mention me in your question (start typing [email removed] then my name and the system will notify me). It will help other people having same issue like you can find it easier.

Thank you!

1 Like

forum glitch…

In Theme Store, on your theme page.

Note that the latest update (you have it) is about Quick view – maybe some more configuration is needed – check the IMPORTANT part?