YayExtra - WooCommerce Extra Product Options
  • YayExtra Documentation
  • Getting Started
    • Introduction
    • How to Install
    • Enter License Key
    • System Requirements
    • How to Update YayExtra
    • Uninstall and Delete
  • How it Works
    • How to Create Option Set
      • Add div element for option sets to style
    • How to Add Different Option Types
    • Common Options Settings
    • Sorting
    • Option Types
      • Text Option
      • Number Option
      • Button Option
      • Dropdown Option
      • Swatches Option
      • File Upload Option
      • Date Picker Option
      • Time Picker Option (with Conditional Logic)
      • File Download
      • Image Upload
      • How the Above Sample Appears on the Product Page
    • Add Action to Options Using Conditions
    • Assign Option Set to Products
    • Add Percentage Custom Fees
  • Customize
  • Settings
  • Developer zone
  • Why Upgrade?
  • Other Links
    • FAQs
    • Changelog
    • Support
Powered by GitBook
On this page

Was this helpful?

  1. How it Works

Sorting

How to sort and re-order option sets, and option items in the list.

PreviousCommon Options SettingsNextOption Types

Last updated 1 year ago

Was this helpful?

With YayExtra - WooCommerce Extra Product Options, you can sort the option sets, and option items all the way you want using the sorting feature. This helps the custom product options display in the right order on your front end.

  1. Sorting option sets

If you would like to re-order your option sets, just follow these simple steps.

  • Navigate to Extra Product Option > Option sets.

  • Select the field(s) you need to re-order and click on the settings symbol.

  • Change the ordinal number on ''Priority'' field.

  • Click on the ''Save change'' button.

  • The option sets will be re-arranged in sequence successfully. You will see a successfully arranged on the frontend.

  1. Sorting option items

Re-ordering an option leaves it intact. Meaning all of its content and settings stay the same regardless of its position on the product page, including:

  • Option name (label)

  • Option type

  • Option values

  • Advanced settings

  • Conditional logics

  • Additional pricing and description

Drag and drop, duplicate, delete option items