Using Meta Box Text List to create a list on frontend with Oxygen - Meta Box

This topic has 1 reply, 2 voices, and was last updated 3 years ago by Long Nguyen.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
December 22, 2021 at 6:32 AM #32813

guerre64
Participant

Howdy.

Trying to figure out if I can use the Meta Box Text List to create a list that is displayed on the frontend as the built-in Oxygen Icon List would display?

Example on this page:

https://woocommerce-538177-2177082.cloudwaysapps.com/bamboo-specification/balcooa/

The current top row of info is what has been added as cloneable fields in the Meta Box Text Field for the custom post, but I want it to display like list, with one cloned field per line with an icon next to it.

Any help would be much appreciated and, I am still getting my head around a lot of the Meta Box documentation and working out how to use the provided code, etc., so a newbie approach would be great, please!

Thanks in advance 🙂

Add New Note to this Reply

December 22, 2021 at 6:48 PM #32827
Long Nguyen
Moderator
Hi,

For outputting the cloneable text field, you can follow this documentation https://docs.metabox.io/fields/text/#template-usage

Add the image icon before the text if you want to show the icon. Like this
```
$values = rwmb_meta( $field_id );
foreach ( $values as $value ) {
    echo '<img src="icon-url" alt="icon text" />;
    echo $value;
}
```
And use some CSS code to style the elements on your end. Here is an example https://stackoverflow.com/questions/27360375/how-to-align-list-items-with-font-awesome-icon-next-line-text

Add New Note to this Reply
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.