How to change size of the photo inside the variant picker button

ArchDK
Visitor
3 0 0

How can i make the picture fill out as much as possible in the variant picker? 🙂

Screenshot 2024-05-13 at 16.44.44.png

Replies 5 (5)

HDL-Shin
Shopify Partner
80 20 12

Hi @ArchDKCan you kindly share your store link (with the password, if any) with us? I will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

PageFly-Noah
Astronaut
1119 201 220

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Noah
Astronaut
1119 201 220

Hi @ArchDK  please help me provide again link url website it like here:

Screen Shot 2024-05-16 at 07.35.46.png

Thank you. 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BSSTech-Venture
Shopify Expert
391 96 105

Hi @ArchDK

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BssTechVenture_0-1715675134095.png

Step 2: Search file base.css, theme.css or styles.css

BssTechVenture_1-1715675169950.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

.variations .product-form__input--color input[type=radio]+label:after {
    transform: scale(1.5);
}

 

Here is result: 

BssTechVenture_2-1715675274444.png

Hope this can help you
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development