Hi,

d i don’t really know what you mean about terms?

Terms are items inside a specific taxonomy. The default post category is an example of a taxonomy where you can create different terms. Please check the documentation for more info.

// https://wordpress.org/support/article/taxonomies/

We are not really sure how your taxonomies or custom post types are set up but using taxonomy for prices is not really recommended. You should attach a price to a post using custom fields instead of taxonomy terms.

Best regards,
Ismael

Hey williamsmedia,
Thank you for your patience and the link to your page. I assume that when you say you want a form validation for your custom form snippet you mean that you want the form to not be submited unless all of the fields are correct?
This function would be done by a script, but in examining your page source code I don’t see a script added to the code block.
So if you have a script to add to the code block and it is causing an error when you add it then it most likely needs to be added between <script> tags inside the code block like this:

If this doesn’t help then try posting a link to your entire script and form code in a plain text document (.txt) and link in the Private Content area below so I can test or try including an admin login in the Private Content area so I can examine your test page.

Best regards,
Mike

Hey Matt,

Thank you for the inquiry.

There are special fields in the Accordion element’s Advanced > Developer Settings panel where you can apply class names or a unique ID to the element. You can then use these class names or ID to create custom css rules in order to adjust the style of that specific element. Please check the following documentation for more info.

// https://kriesi.at/documentation/enfold/add-custom-css/

This should also help.

// https://css-tricks.com/how-css-selectors-work/

Best regards,
Ismael

Hey sunilskrishnan,

Thank you for the inquiry.

You can apply a custom css class name or ID to the builder elements and use it to define a css rule for sections or elements that should have the shadow or that should have a custom style. The css fields are located in the elements’ Advanced > Developer Settings toggle.

// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi,

Thank you for the info.

It works when we add the post_id parameter to the shortcode.

[acf field="preis" post_id="396"]

// https://www.advancedcustomfields.com/resources/shortcode/

Best regards,
Ismael

Hey Dommel,

Thank you for using Enfold.

“Lockable Custom CSS Class” is intended to be set and locked in the custom element (= parent) and is then used in the child element.

Create a custom image element and lock it there. When using this you see the class in a read only field in the child and you cannot change it.

If you use a “normal” image element both fields can be filled. The result is that both classes are used – in .avia-image-container.

Best regards,
Günter

Hey spooniverse,

Thank you for the inquiry.

We are not sure if this is going to work with ACF but you can sort entries based on their custom fields using the meta_key or meta_query parameter.

// https://make.wordpress.org/core/2015/03/30/query-improvements-in-wp-4-2-orderby-and-meta_query/

You will have to add the parameter and create logic for it within the avia_custom_query_extension function.

Best regards,
Ismael

Hi,

It is also possible to add custom fields to taxonomy terms.

// https://developer.wordpress.org/reference/functions/add_term_meta/

If you want to use a plugin, this might help.

// https://www.advancedcustomfields.com/resources/adding-fields-taxonomy-term/

You can then modify the archive template and fetch the value of the custom field and place it as the source of the embedded video.

Best regards,
Ismael

Hi,
I checked your page again and do see that you are missing the need class ‘lightbox-added’ but since you have the ‘Lightbox Modal Window’ option enabled it should be working, the only thing I can imagine is that you have a script stripping it out, but I can’t see your functions.php
I also notice that you are using ‘Advanced Custom Fields PRO’ and some of these look like they are for products, perhaps this is the issue? Can you disable this to check?
I also see that your site is not loading the script: /wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js this is needed but since you have the ‘Lightbox Modal Window’ option enabled it should be loading?

Best regards,
Mike

Hi,
Instead of using page IDs you could add a class to all of your “black” styled pages and change the script to look for #top.black instead of #top.page-id-33 To add this class to some of your pages you could use the WordPress Custom Fields option, the Custom Fields options on the Post & Page edit screens are hidden by default if they have not been used before. Using the Block Editor, click the three dots button at the top of the right sidebar and visit Options to enable it. (If you are using the Classic editor, check the screen options).
So in this case we will add the Name: bodyclass and the Value: black

to each one of these pages, then add this code to the end of your functions.php file in Appearance > Editor:

function add_custom_fields_bodyclass( $classes ) {
    global $post;
    $bclass = get_post_meta( $post->ID, 'bodyclass', true );
    if ( empty( $bclass ) ) {
        return $classes;
    }
    $classes[] = $bclass;
    return $classes;
}
add_filter( 'body_class', 'add_custom_fields_bodyclass' );

Please note that this only looks for the Name: bodyclass but it will add any value as a body class.
As for question #2 I’m not seeing the full-width sub-menu on your home page, which page are you testing on? Which animated gif are you referring to?

Best regards,
Mike

Hi,
Thank you for your patience and the link to the example, unfortunately, we don’t have an element that works like this but I put together a rough example that may work for you using our elements and a little jQuery:

the backend:

So each column has a custom class such as: .show-one, .show-two, .show-three, .show-four then place your content.
Each text element below that will be your “Drop Down” will have the corresponding custom class: .one,.two,.three,.four please note that in the custom class fields you do not actually use the class dots:

Anyways, for this example I used a code block element to add the jQuery:

<script>
(function($){
  $(document).ready(function(){ 
    $('.one,.two,.three,.four').hide();
    $('.show-one').click(function(e){
    e.preventDefault();
    $('.two,.three,.four').hide();
     $('.one').toggle();
    });
    $('.show-two').click(function(e){
    e.preventDefault();
    $('.one,.three,.four').hide();
     $('.two').toggle();
    });
    $('.show-three').click(function(e){
    e.preventDefault();
    $('.one,.two,.four').hide();
     $('.three').toggle();
    });
    $('.show-four').click(function(e){
    e.preventDefault();
    $('.one,.two,.three').hide();
     $('.four').toggle();
    });
    });  
})(jQuery);
</script>

Please note the <script> tags in the code.
That is the basic idea, naturally you can style it a lot more with css to add hover effects and padding, border color, etc.

Best regards,
Mike

Hey emilconsor,

Thank you for the inquiry.

This should be possible but it will require modification that is beyond the scope of support. You can start by editing the config-templatebuilder/avia-shortcodes/post_metadata/post_metadata.php, and include another condition and the function that renders the output in this block.

switch( $meta['metadata'] )
				{
					case 'author':
						$out = $this->author( $meta );
						break;
					case 'categories':
						$out = $this->taxonomies( $meta, 'categories' );
						break;
					case 'tags':
						$out = $this->taxonomies( $meta, 'tags' );
						break;
					case 'comments':
						$out = $this->comments( $meta );
						break;
					case 'revisions':
						$out = $this->revisions( $meta );
						break;
					case 'published':
					case 'published time':
					case 'modified':
					case 'modified time':
						$out = $this->date_time( $meta );
						break;
				}

For example, if you select Author, the switch function above will resolve to get the output of the protected function author and include the associated output in the final html. You can include another condition for custom fields and define your own function that returns the output.

Best regards,
Ismael

Hi,

You may have to add a custom class name or ID to the layer and add a few css media queries so that you can adjust its style on mobile view. Edit the layer, go to the Links & Attributes and panel, then look for the ID or Class fields. Adjusting the top position value or adding margins above the layer on mobile view might help.

To learn more about css media queries and how to use them, please check this article.

// https://css-tricks.com/a-complete-guide-to-css-media-queries/

Best regards,
Ismael