How to put fields side-by-side

Advanced Product Fields for WooCommerce allows you to change the layout of the fields and put 2 (or more) fields side-by-side.

Each field has a “width” setting. It’s the last option in the field settings panel:

The width setting in APF

The width is defined as a percentage of the total row width, so to place two fields side-by-side, set the width of each field to 50%. For three fields side-by-side, set each field’s width to 33.33%, etc…

Width setting defined as "50" in APF

Here’s a preview of 2 fields at 50% each (so they appear side-by-side):

Displaying fields side-by-side in APF

Was this article helpful?

Related Articles