Understanding the Quantity Field Alignment Options
The Quantity Field Alignment setting controls the visual placement of the quantity selector on your WooCommerce shop page. This helps match the quantity field layout with your theme and product card design, ensuring a clean and professional appearance.
Available Alignment Options
When you go to WooCommerce > Quantity Field On Shop Page > General Settings, you’ll Find the Quantity Field Alignment dropdown. It offers the following choices:
- Left Aligned
Positions the quantity field to the left of the product or add to cart button. Best for layouts with product details flowing from left to right. - Center Aligned
Places the quantity field in the center of the product container. Ideal for grid-style designs or themes that emphasize visual symmetry. - Right Aligned
Aligns the quantity field to the far right of the product card. This works well when your add to cart button is also right-aligned.
How to Apply Alignment
- Navigate to
WooCommerce > Quantity Field On Shop Page. - In the General tab, locate the Quantity Field Alignment setting.
- Choose your desired alignment option.
- Click Save Changes.
Check your shop page after saving to confirm the field appears as intended.