How to create & use custom Attribute in Listing Details?

Use Case:

  • Collect the Price type from Users when adding listing
  • Showing the Price type as information in Product Listing

Step1: SUPERADMIN

Create a custom Attribute type with SINGLE SELECT field type

Step2: SUPERADMIN

Add the values

Step 3: END USER WEBSITE

Once the values are added, it’s available when user add a listing

Step 4: EDITOR

We used to have attribute details block that shows all attribute values. Now we have SINGLE attribute selection block

You can show the single attribute VALUES only or with icon as well.

For example: Based on above settings + I added styles like background color and width adjustment

And the result is

And made some tweaks to show icon + some alignment enhancement to get this

Reference:

Other Notes:

How the listing details page look now for me: