WIP: Minor ui issue in Variation swatches Color picker

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello,

In WordPress 7.0, the heights of the “Remove” button and the color picker appear disproportionate.

Color picker
Color picker608×473 8.82 KB

3

Hey @jolia,

Thanks for the report. We were able to replicate this “issue” and added it to our internal bug tracker. We’ll update this thread once it’s fixed.

Bes regards,
Matej

1 Like
4

Hi,

Here are some additional points regarding this issue:
1/ It occurs in both Stable 2.3.11 and Beta 2.4 (Beta 2).

2/ Regarding the color picker in Bricks Builder / Style Manager: it has a better interface.

image
image866×947 79.7 KB

3/ Regarding the color picker in the “edit terms/product-attribute” section: I’ve noticed a few minor UI issues, such as with the button for switching color modes.

image
image925×548 46.6 KB

image
image968×558 47.6 KB

4/ Current versions of WooCommerce include an experimental feature for “Color swatches for attributes.”

image
image1474×707 124 KB

image
image1470×1202 149 KB

image
image1537×1032 117 KB

image
image1544×1006 138 KB

Do we plan to merge these into a single implementation in the future?

Thanks

:bear:

6

Hey @datgausaigon,

in the Wordpress settings, we use the native <input type="color"> which is different from the one that we use in the builder, so I’m not sure we can take this as a bug. If you try it from the Firefox, you will see that the picker is even more different - at least on macOS :slight_smile:

Matej

1 Like
7

Integration with the Color Swatches for Attributes WooCommerce plugin would be excellent. The advantage of that plugin is that it allows you to use either a color code or an image for attributes like Color whereas Bricks restricts you to using only one of the two.