Hi, It’s working but some problems created which are I mentioned below.
Before continue, I want to tell you I have changed the variation swatches image size according to my need and All the problems which are mentioned below should be customizable with according to my need so I can adjust title and images properly.
For Desktop: (Screenshot 1: https://prnt.sc/aL-fSsWQd2EU )
1. Border of variation Name overlap on each other.
2. In First Variation, I have mentioned ” Orange – OR1 “. but no. 1 is missing in first variation name and it is happened because of Second variation name and their background border. So I want to make it to use second line if variation name is bigger than variation swatches image.
So it’ll be like that
Orange
OR1
3. Variation title name is showing upon Add to cart button for desktop only which is marked in screenshot here (Screenshot 2:- https://prnt.sc/qi5ZuFRAtWSM )
so help me with this through code..
4. If I want to remove border of variation color name title on single shop page then which code I need to use?
For Mobile: (Screenshot 3:- https://prnt.sc/6DNFQnZIe8GC )
1. In Screenshot 3, I have shared a mobile view of single shop page in which variation titles are showing upon variation swatches image. So tell me how to fix it.
2. Please consider Desktop Point 1,2 & 4 for mobile device also.