How To Add Dynamic Fields Anywhere? And How To Add Pre-text (or Just The Label) For Specific Dynamic Fields? - Question | JoomShaper

How To Add Dynamic Fields Anywhere? And How To Add Pre-text (or Just The Label) For Specific Dynamic Fields?

J

justmikey

SP Page Builder 1 week ago
  1. How can i add several dynamic fields anywhere into a page? Are there shortcodes like {field.xxx} or something? In a HTML addon?

  2. And how to show the name label from a dynamic field, front end? Cannot find any option at all..

  3. How to hidden dynamic fields front end when they are empty?

I've made as example the dynamic field: Machine number. Now i see front end only "KS-300X" this is actually the machine number, but where is the text Machine number?

Thank you

0
14 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #222345

Hi,

Thank you for reaching out.

Currently, SP Page Builder does not support inserting dynamic fields via shortcodes (e.g., {field.xxx}) inside the HTML addon. Dynamic fields can only be used within supported addons, such as the Collection addon or other addons that offer Dynamic Content options.

Regarding the label (e.g., “Machine number”), SP Page Builder only outputs the field value by default. If you’d like to display the label alongside it, you will need to manually add the label text using addons like Text block, Heading, or similar.

As for hiding fields when they are empty, there is no built-in option for conditional display at the moment. This would need to be handled manually within your layout.

Please let us know if you need guidance on setting this up.

Thanks

0
J
justmikey
Accepted Answer
1 week ago #222347

I would like to create machine specifications page... I find this very difficult to create actually. I was in mind that SP PB dynamic addons can easily create this. But i see i walk into limits very early at the moment.

So the specs does need to have a bold pre text like "machine number" : ......... "product weight" : ......... "color" : ........ "height product" : .........

and that can be dynamic fields. But how to show this right?

How can i just add them after each other without the need to make new rows or something?

Just simple:

Field 1 label: field 1 data

Field 2 label: field 2 data

So i can not use a text block as example in the dynamic page and add here some fields manually with shortcodes like {field.xx} ???

Because then i can just manual add all fields after each other in one text block.....

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #222350

You can do this way, follow screenshot: https://prnt.sc/iFNAt7sKnsbo

Thanks

0
J
justmikey
Accepted Answer
1 week ago #222364
  1. What can i do if filters from dynamic content is too wide for the column, it is actually overflow in all filters. I've created a row with 2 boxes (8 + 4 ) in 8 is jus the collection, and 4 is the filter column. I have checkboxes, when there are more than 3 the rule is just overflow if i choose for the choices beside each other and not below eachother?

Any idea to get it nice?

Like this:

[] option 1 [] option 2 [] option 3

[] option 4 [] option 5

(flat text)


are there also possibilities to create a little form with some of the dynamic fields inside?? like price, name andso on?

i want to add this to all pages for people who are interested in my machines.   so that the form send me the right machine name/price...


Can we also add dynamic data to regular sp builder addons like slider and so on? ofcourse within the detail page.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #222412

Hi,

Thanks for your message.

Filter overflow issue

Regarding the filter overflow, could you please share the page URL where this is happening?

This will help us inspect the layout and provide you with exact CSS tailored to your setup so the checkboxes align properly without overflowing.

Form with dynamic data (machine name, price, etc.)

For this, we recommend using the Form Builder addon.

Please note that dynamic content itself cannot be used as a form or allow users to submit data. Dynamic fields are only for displaying content, not for user input or submissions.

To achieve your goal: • Create a form using the Form Builder addon • Add fields like machine name, price, etc. (you can prefill or pass values manually if needed)

Dynamic data in other addons (e.g., slider)

Dynamic content is currently supported only in specific addons that include the Dynamic Content option.

Regular addons like sliders do not fully support dynamic fields yet, so this would not be possible unless the addon explicitly provides dynamic field support.

Best regards,

0
J
justmikey
Accepted Answer
1 week ago #222430

thank you.

and how can i hide dynamic fields as video if it is empty? now i see an half of a player.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #222468

There is no option to hide, You can use custom css to hide this.

Thanks

0
J
justmikey
Accepted Answer
1 week ago #222471

can you advice me in a working css code please?

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 days ago #222547

Please, share your website url where you have this filed with empty value.

Or you can add default value if there is no data for this field.

Thanks

0
J
justmikey
Accepted Answer
1 week ago #222459

I send you the link in the hidden section, please check for the overflow i have a filter on top.

  • How can i add small images (logos from brands) on the checkboxes custom field? Now all html is gonna be deleted in the fields :-(
0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #222467

You can use this css here: https://prnt.sc/3f2uDYSZPc0g

#addonId .sppb-addon-dynamic-content-filter-item-content {
    flex-wrap: wrap;
}

It will fix your issues.

Thanks

0
J
justmikey
Accepted Answer
1 week ago #222487

thanks, this works for the overflow.

1 i am still looking for a method to show the data from a dynamic field right after a heading. it should be very easy, but i cannot find a way.

just like this style:

Heading title: Data from field

now i need to make different divs or columns. what makes it difficult to read on phone when you have more than 10 spec fields. rhen it shows first all heading labels and after it all data fields.

2 a bit of html what we can input in a custom/dynamic field would be very helpfull. also for a small logo or image in the checkboxes fields... would be so helpfull. or just simple codes like {field1} to add in a header title or html text

3 how can i add a button linked in the collection linked to the detail page?

0
J
justmikey
Accepted Answer
1 week ago #222513

Why could we not add a html script to show custom fields? should be possibile normally. something like

<div class="spec-row"> <span class="label">brand:</span> <span class="value">DYNAMIC_field</span> </div>

pls help me with it

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 days ago #222554

Hi,

Thanks for your detailed questions.

  1. Dynamic field next to heading (label + value style) At the moment, SP Page Builder does not support inserting dynamic fields inline inside a Heading or HTML addon (e.g. {field.xxx} is not available there). Dynamic content can only be used in supported addons, which is why you are seeing limitations in layout control.
  2. HTML / shortcode usage inside dynamic fields Custom HTML like:
<div class="spec-row">
  <span class="label">Brand:</span>
  <span class="value">{field.brand}</span>
</div>

is currently not supported. Also, HTML inside dynamic fields (like images or icons in checkbox values) is stripped by design for security and consistency reasons.

  1. Button linked to detail page (collection) You can use the built-in Link / Button settings inside the Collection item configuration and set it to “Detail Page Link”. This will automatically link each item to its corresponding detail page.

As a Summary

What you are trying to achieve (inline fields, labels + values, conditional display, and HTML templating) is currently not supported in the Dynamic Content system. It is designed to work only within specific addons with predefined layouts.

We understand the use case and this has been noted as a potential enhancement, but for now the workaround is to structure fields using available layout addons (columns/rows) and manual labels.

Please, read documentation:

  1. https://www.joomshaper.com/documentation/sp-page-builder/collection-index
  2. https://www.joomshaper.com/documentation/sp-page-builder/collection-details

Thanks for your understanding

0