Making a colour swatch on a page

I’m using Wix to recreate a site that was originally built from the ground up and two of the pages on the existing site have a colour tile swatch of about 150 colour tiles laid out on a grid, 5 tiles wide by about 30 tiles long. Each tile has an RGB colour value associated with its RAL paint colour and underneath is the name and number of the colour. I believe the existing page was created using PHP which looks up a CSV file to find the data values for each tile.

I was wondering if there was any way of creating something similar in Wix? I’ve searched the web, but can’t find anything suitable. I could just layout 150 rectangles and text and edit each tile manually, but it is quite time consuming.

I would add, I am very new to Wix and I am not a programmer, although I understand a little of what goes on.

I attach some screen grabs from the exiting site

TIA

Nigel

You could use as Repeater . The colors could be kept in a database, and then used to populate the Repeater items.

Many thanks, yes, I have looked at that. However, as far as can see, there is no way of substantially editing the repeater core item. Everything available is too big. I need quite a small rectangle with a bit of text underneath. Certainly if it could be used, could be an ideal solution.

@nblain The Repeater element can be designed to do precisely what you want. You just choose one of the preexisting repeater templates, and then design it the way you want it to look.

@yisrael-wix Sorry, I think I must be missing something. Attached is a screen grab of a repeater and as far as I can see there are very limited changes that can be made. I can’t see any way of editing the element.

@nblain How’s this? (I used the same Repeater template that you did)


Disclaimer: This was a quick and dirty example.

For details on how to edit a Repeater, see Wix Editor: Editing a Repeater Item . See the documentation for more topics about Repeaters .

Does this help? Color Repeater Example

This should give you a good start.

That’s great thanks! I managed to get part of the way, as I realised you can’t edit the repeater element until it is connected to something. I haven’t looked fully at your example yet, but the only thing I couldn’t see at that point was how to make the colour change, but must be possible as you’ve done it!

@nblain It’s a very simple example so I’m sure you’ll be able to understand.

@yisrael-wix Brilliant, just spotted code! very many thanks, this is going to save a lot of hassle. :blush: