Category Slider — readable buttons, logo-friendly cards

On a store with light text on a dark section, hovering a category card made the button label vanish. The button filled with your Text colour and then printed the label in white on top of it, so if your Text colour was white, the label was white on white. Nothing looked broken until you moved the mouse over a card.

That is fixed, and the fix is structural rather than a one-off patch: the hover colours are now decided as a pair instead of one being fixed in advance.

The new hover setting

Under Slide button there is now a Hover effect control:

• Swap colors (the new default) — the button's own two colours trade places. Because it reuses the pair you already picked, the label stays exactly as readable on hover as it is at rest, whatever two colours those are.
• Fill with accent or Fill with text color — the label colour is worked out from the fill, so it can't collide with it.
• Custom colors — pick the hover background and hover text yourself.
• No color change.

The same problem existed at rest on the header button when its style was set to Solid: a light Text colour gave you a white button with a white label. That is fixed too, and needs no setting.

Cards for logos and packshots

Three more additions, aimed at stores whose category images are logos or product cut-outs rather than lifestyle photos:

• Image fit — Fit inside the card keeps the whole image visible instead of cropping its edges away. Fill the card stays the default.
• Card background — the colour behind the image, which is what a fitted logo rests on.
• Shade the bottom of the photo — on by default, since it is what keeps the button readable over a light photo. Turn it off and the grey wash at the bottom of the card goes away, which is usually what you want for a logo on a plain card.

Also fixed

• A long category name is now shortened with an ellipsis instead of running off the edge of its button.
• The eyebrow and subheading now stay properly muted on dark sections, rather than rendering the same colour as the heading.
• Cards with no link are now reachable with the keyboard.

Getting the update

Open Sections in the app, find Category Slider on your installed list, and choose Update to latest. Your headings, colours, images and links are kept — only the section code is replaced.

Thanks to the merchant who spotted the hover problem on their own store. If you see something off on your sections, the chat at the bottom right reaches us.