Universal element

Hi all!

Let’s add an element to work, which will have universal settings without adding extra built-in html tags and specific properties. From time to time I come across tasks where I need to output content, including composite content, but none of the existing elements are suitable. Either there are not enough settings, or they are unnecessary.

For example, I want to output the price of a product, which contains four separate elements, each of which needs its own class. Now it can be solved with a text element, but I have to add html tags manually and also manually write styles for them.

Screenshot_2
Screenshot_1

For such tasks, it would be much more convenient to use 5 separate elements with basic settings in the designer and end up with one composite div with clean code and necessary styles.

<div>
    <span class="price-number">{cf__regular_price}</span>
    <span class="price-symbol">{echo:get_woocommerce_currency_symbol()}</span>
    <span class="price-separator">/</span>
    <span class="price-unit">{cf_unit}</span>
</div>

Don’t pass by and click here to like it if you support the idea! :slightly_smiling_face:

1 Like

Try use section template ande Template element in pages.