Styles Archives - Plugin Republic

Create sticky headers in grid view

Gareth Harris — Fri, 13 Jan 2023 06:04:21 +0000

When you’re displaying variations in a grid view, you might want to make the table headers ‘sticky’ – so that when users scroll up or across, the attribute names remain visible. This makes it easier for the user to read them.

You can do this with some CSS:

View this code snippet on GitHub.

Here’s how to add CSS to your site.

The post Create sticky headers in grid view appeared first on Plugin Republic.

Reordering variations

Gareth Harris — Thu, 07 May 2020 11:15:00 +0000

If you want to show your in stock variations above out of stock variations:

Go to WooCommerce > Settings > Better Variations
Check the option to ‘Enable Select2’
Check the option to ‘Sort options’

The post Reordering variations appeared first on Plugin Republic.

Styling variations

Gareth Harris — Thu, 07 May 2020 11:13:04 +0000

You can style your out of stock variations with a different text colour from in stock variations. To do so:

Go to WooCommerce > Settings > Better Variations
Check the option to ‘Enable Select2’
Use the colour picker fields for ‘In stock text colour’ and ‘Out of stock text colour’ to decide what text colours to use

The post Styling variations appeared first on Plugin Republic.