Coding help need

Store Design
, , ,
1
  1. How to make product color options open a new product page when clicked?
  2. How to change the shape of the color options from square to round?

Prestige theme

1 Like
2

Hello @ViktorLang
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

3

https://kpgth1-ec.myshopify.com/products/4?variant=44617107210426

1 Like
4

Hello @ViktorLang ,

  1. It needs customization. You can hire a developer for it or you can go with an app.

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.css file and paste the following code at the bottom:

label.color-swatch {
    border-radius: 50% !important; 
}

Regards
Guleria

5

Hello @Guleria

  1. How to change the shape of the color options from square to round?

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css Add the provided code at the end of the file.

label.color-swatch {
    border-radius: 50% !important; 
}

devcoders_0-1739031541910.png
devcoders_0-1739031541910.png1365×554 131 KB

6

Hi, Guleria, thank you for the answer! What app can i use for the first my question?
Is it possible to make it with that way like changing colors option from square to round? (Just add some code to template or smt like that)