Meta Box

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

Support › General › Using Meta Box Text List to create a list on frontend with Oxygen

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 22, 2021 at 6:32 AM #32813
    guerre64guerre64
    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 🙂

    December 22, 2021 at 6:48 PM #32827
    Long NguyenLong 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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.