#

Enable Plugin #

The first step is to enable the plugin. This will activate the core functionality of the plugin, allowing you to choose how many products are displayed per page.

Position Options #

The plugin offers several positions to place the product per page selector on your shop pages.

Here’s a breakdown of the available options #

• Before shop loop: This positions the selector before the list of products on your shop page. (Recommended)
• After shop loop: This positions the selector after the list of products on your shop page. (Recommended)

Custom Positions (Widget) #

If the above positions don’t suit your needs, you can enable the widget option. This will create a “Products per Page” widget that you can place in any widgetized area of your theme using the WordPress Appearance -> Widgets menu.

Template Options #

The template options allow you to customize the appearance of the product per page selector. However, these options might be specific to the plugin you’re using.

Here’s a general explanation of what each option might control #

• Template: This allows you to define the overall structure of the selector using placeholders.

Placeholders #

• %from%: This represents the starting product number on the current page.
• %to%: This represents the ending product number on the current page.
• %total%: This represents the total number of products.
• %dropdown%: This represents the HTML code for a dropdown menu if the plugin uses one.
• %radio%: This represents the HTML code for radio buttons if the plugin uses them.
• Selector class: This allows you to add a CSS class to the selector element (dropdown or radio buttons) for further styling.
• Selector style: This allows you to add custom CSS styles directly to the selector element.
• Before HTML and After HTML: These options allow you to add custom HTML code before and after the selector element.
• Radio Glue: This is used if the selector uses radio buttons. It allows you to define a string to “glue” the radio buttons together visually.

Select Options #

The select options define the choices available in the dropdown menu (if applicable). You can enter one option per line in a format like “Title | Number”.

Here’s an example #

Products per Page | 10

Products per Page | 25

Products per Page | 50

Products per Page | -1 (all products)

Default Option #

The default option allows you to pre-select a specific number of products to display per page when the user first visits the shop page. You can use the corresponding number from your select options list or use -1 to display all products on a single page (not recommended for performance reasons).

Products per Page #

• Enable plugin: This option enables or disables the plugin.

Position Options #

• Position(s): This option allows you to choose where on the page the dropdown or radio buttons for selecting the number of products per page will be displayed.

Here are the available positions #

• Before main content
• In archive description
• Before shop loop
• After shop loop
• After main content
• Before pagination
• After pagination

• Position priority: This option determines the order in which the plugin tries the different positions listed above.
• Custom position(s): This option allows you to specify a custom position for the dropdown or radio buttons using CSS selectors.

Widget #

• Enable: This option enables or disables the “Products per Page” widget. The widget allows you to add the option to select the number of products per page to a sidebar or other widget area on your website.
• Will add the “Products per Page” widget to Appearance > Widgets.
• You will need Products per Page for the WooCommerce Pro plugin to enable this option.

Template Options #

• Template: This option allows you to customize the HTML template used to display the dropdown or radio buttons for selecting the number of products per page.

The following placeholders are available #

• %from%: The starting number of products displayed on the current page.
• %to%: The ending number of products displayed on the current page.
• %total%: The total number of products available.
• %dropdown%: The HTML code for a dropdown menu.
• %radio%: The HTML code for radio buttons.

• Selector class: This option allows you to add a CSS class to the dropdown or radio buttons.
• Selector style: This option allows you to add custom CSS styles to the dropdown or radio buttons.
• Before HTML: This option allows you to add custom HTML code before the dropdown or radio buttons.
• After HTML: This option allows you to add custom HTML code after the dropdown or radio buttons.
• Radio glue: This option is used to specify a character or string that is used to separate the radio buttons.

Select Options #

• Select options: This option allows you to specify the options that will be displayed in the dropdown menu for selecting the number of products per page. Each option should be entered on a separate line in the format “Title|Number”.

For example #

• 10 Products|10
• 25 Products|25
• 50 Products|50
• 1|All Products

You will need Products per Page for the WooCommerce Pro plugin to change this option. #

• Default option: This option allows you to set the default number of products that will be displayed per page.
• Reset Settings: This button resets all of the options for the plugin to their default values