Variantenauswahl verschieben und Anzahl pro Zeile verändern

Guten Morgen,

in unserem Shop soll die Variantenauswahl auf Bilder umgestellt werden, allerdings sind es bei manchen Artikeln 50 Varianten, was alles sehr weit nach unten verschiebt.

Ich würde gerne die Farben nach links verschieben und von den Größen trennen. Ich habe versucht es per less-Datei zu verschieben, allerdings scheitere ich daran, dass es immer 4 Auswahlmöglichkeiten pro Zeile gibt, ich hätte gerne so viele wie auf die Seite passen. Ich habe schon lange gesucht aber finde nichts dazu, wie man die Anzahl verändern kann.

.product--details {
    .product--configurator {
        position: absolute;
		left: 10px;
		top: 500px;
		width: 200px;
		height: 500px;
    }
}

Ich bin für jeden Denkanstoß und jede Hilfe dankbar.

LG

EDIT:

Habe es nun teilweise gelöst,

.configurator--variant {
    .variant--option {
        width: 10%;
    }
}

 

Habe es nun mehr oder weniger so hingekriegt wie ich es wollte. Allerdings soll nun die Größe doch als Drop-Down Menü dargestellt werden. Ich kann aber scheinbar nur beide verändern, also entweder beide als Bild oder beide als Auswahl. Hat dazu Jemand einen Tipp? :slight_smile: