Move tabs and find shortcode for custom fields

  • Resolved leela84

    (@leela84)


    6 years, 2 months ago

    I have recently purchased the premium version of Product Catalog. I have not been able to find where I can view all the possible shortcodes.

    I have added an additional tab to the tabbed view, and what I need to do is the following:

    1. Change the order the tabs appear in (I would like my custom tab “executive overview” to be before the inquiry tab).

    2. In this new tab, I would like for the information in the custom field I have created (executive overview) to be automatically populated here. If there is a shortcode for custom fields, this should solve this issue.

    Many thanks!

    The page I need help with: [log in to see the link]

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

  • Hi leela84,

    You could order the tabs using the following custom CSS code:

    
ul#upcp-tabs {
   display: inline-flex !important;
   flex-direction: row !important;
}

[data-class="upcp-tabbed-0"] {
   order: 1 !important;
}

[data-class="upcp-tabbed-description"] {
   order: 2 !important;
}
[data-class="upcp-tabbed-addtl-info"] {
   order: 3 !important;
}
[data-class="upcp-tabbed-contact-form"] {
   order: 4 !important;
}

    You could change the value for “order” attribute in the above CSS to fit your needs. The “upcp-tabbed-0” represents your “Executive Summary” tab and other CSS is self explanatory. CSS could be added to the “Custom CSS” box found by navigating to the “Catalogues” tab and selecting your catalogue from the list.

    Also, you could add the slug of your custom fields to the content of the tabs and it should then show the value of the custom field automatically on the front-end. The format should be as shown below:

    
[custom-field-slug-here]
    Thread Starter leela84

    (@leela84)

    Thank you so much, this worked perfectly!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Move tabs and find shortcode for custom fields’ is closed to new replies.