---
title: Show the Products per Page Selector as Radio Buttons
description: Show the WooCommerce products per page selector as radio buttons instead of a dropdown, and style them.
url: "https://wpfactory.com/docs/woocommerce-products-per-page-radio-buttons/"
updated: "2026-09-26"
category: How to
---

# Show the Products per Page Selector as Radio Buttons

## Show the selector as radio buttons instead of a dropdown

To show the products per page selector as radio buttons in [Number of Products per Page - Pagination Manager for WooCommerce](https://wpfactory.com/item/products-per-page-woocommerce/), go to WPFactory > Products per Page, edit the Template field in the Template Options block, replace %dropdown% with %radio%, and save. Use the Radio glue field to set the separator between buttons.

### Steps

1. Go to **WPFactory > Products per Page** (also reachable at **WooCommerce > Settings > Products per Page**).
2. In the Template Options block, edit the **Template** field (option id `alg_products_per_page_text`).
3. Replace `%dropdown%` with `%radio%`. For example: `Products per page: %radio%`.
4. Save changes.

### Space the buttons with Radio glue

The **Radio glue** field (option id `alg_wc_products_per_page_radio_glue`) sets the string placed between each radio button. The default is a single space. To put each option on its own line, enter `<br>`; to separate with a pipe, enter `|`.

### Style the buttons

The **Selector class** and **Selector style** fields apply to each radio `<input>` element when you use `%radio%` (they apply to the `<select>` element when you use `%dropdown%`). Add a class here and target it from the Custom CSS field in the Advanced section for finer styling.

**Tip:** radio buttons work best with a short options list. If you show many choices, a dropdown keeps the layout tidy.

### Get more control

Both selector styles are free. [Number of Products per Page - Pagination Manager for WooCommerce](https://wpfactory.com/item/products-per-page-woocommerce/) Pro adds an editable options list and a Products per Page widget. [See what Pro unlocks](https://wpfactory.com/item/products-per-page-woocommerce/).

Related articles

- [Limit the Products per Page Selector to Specific Pages](https://wpfactory.com/docs/woocommerce-products-per-page-scopes/)
- [Remember a Shopper’s Products per Page Choice](https://wpfactory.com/docs/remember-products-per-page-choice/)
- [General Settings: Products per Page, Positions, Template and Select Options](https://wpfactory.com/docs/products-per-page/)
- [Add the Products per Page Widget (Pro)](https://wpfactory.com/docs/woocommerce-products-per-page-widget/)
- [Products Per Page: Developer Hooks, Filters and Shortcodes Reference](https://wpfactory.com/docs/products-per-page-developer-hooks-filters/)