Hi,

We created a test page in ES, translated it to the other languages, added the portfolio grid, and it worked properly. The grid on each language displays the appropriate portfolio items. We also created a test portfolio item and translated it as well, and you will see this as the very first item in the grid.

Did you use the + buttons when you translated the home pages? Please check the screenshot below.

// https://1drv.ms/u/s!AjjTfXSRbKTvwAbb7HGP-VejA_gm

Yes, you could try and install the WPML plugin, but make sure to create a site backup or a restore point just in case you to revert back to the previous plugin. To properly translate the pages using WPML, please check the following documentation.

// https://wpml.org/documentation/theme-compatibility/enfold/#getting-started
// https://kriesi.at/documentation/enfold/translation/#how-to-translate-pages-built-with-enfold-using-wpml

Thank you for your patience.

Best regards,
Ismael

Hi,

To fix the issue with the load more button, please replace the masonry_entries.php and the masonry_gallery.php with the files below. The files are located in their respective folders in the enfold > config-templatebuilder > aviashortcodes directory.

Thank you for your patience.

Best regards,
Ismael

Hi,
Thank you for your patience, when you use the shortcode wand in a Classic Editor you are given the same element builder as in the Advanced Layout Builder, I checked again to ensure nothing had changed, you can add checkbox, select element, Google reCaptcha, and so on.

But there is another way to get your shortcodes: Enable the Avia Layout Builder Debugger
with this method, you will be shown the full page of shortcodes so you will need to be careful when you copy, the shortcode wand method shows you just the element that you created in the builder.
I also tested your wpform shortcode on the test page, by creating a third button & popup and it seems to work correctly:

please check, from your screenshot of the form error it looked like css conflict which I thought could be solved, but since I don’t see the error all the better.

Best regards,
Mike

Hey Pixel_Production,

Thank you for the inquiry.

We can use some css to display the heading row on mobile view but it may not display how you expect it to. Please try this css code.

@media only screen and (max-width: 767px) {
    .responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th {
        display: block;
    }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings. Why did you have to add the table html manually?

Best regards,
Ismael

Hi,
Thank you for the test page, for two buttons opening two popups on the same page the code block should contain this:

<script type="text/javascript">
jQuery(window).load(function(){
jQuery('.avia-button-wrap.form-popup a.avia-button').addClass('form-popup-link');
  jQuery('.form-popup-link').magnificPopup({
    type:'inline',
    midClick: true
  });
});
</script>
<style>
.form-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
</style>


<div id="form-popup-one" class="form-popup mfp-hide">
form one
</div>

<div id="form-popup-two" class="form-popup mfp-hide">
form two
</div>

The button links should be #form-popup-one & #form-popup-two

and the button custom class should be form-popup

this results like this:

Now to add your forms you will create your forms with the shortcode wand in a Classic Editor post so you can copy the shortcode and paste it in the code block:

like this:

the result:

I made these changes to your page please clear your browser cache and check.

@mistermagoo8691 thanks for your feedback, I will check & correct it.

Best regards,
Mike

Hey Brolle,
Thank you for your question we don’t have a built-in popup element but we do have this solution to create a popup with a code block element. We can help adjust this to show your form, but we will need further information, such as what will trigger the popup a link or button? What kind of form is it, a contact form element or the shortcode from another plugin?
If you want to use a plugin rather than building this, WP Popups is a free plugin that seems to work well with Enfold.
If you don’t want to use a plugin, then try creating a test page and include admin login in the Private Content area below so we can help further.

Best regards,
Mike

Hi,

Could you please try adding following code to Quick CSS field in Enfold theme options > General Styling tab and check if that helps?

.aoki-template_image-button .flex_cell {
padding: 0;
}

Best regards,
Yigit

Hey laptophobo,

Thank you for the inquiry.

You can add a widget area inside the header or directly modify the includes > helper-main-menu.php file and manually add the html for the button there. Please check this documentation fo more info if you want to use the widgets.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Aside from those two options, you can also use hooks to insert additional content inside the templates. To insert something on the main header for example, you can use the ava_main_header hook.

add_action("ava_main_header", function() {
   $output = "<button>This is a button</button>";
   echo $output;
}, 10);

Best regards,
Ismael

Hi Murielvillanueva,

I’m not sure I can see that problem on my end, could you post a screenshot of what you are seeing on your end please?

If you want to start a new thread, then please use this link, or click this button: https://imgur.com/a/AnoSPNb

Best regards,
Rikard

Hey metafora29,
Thank you for your patience, do you mean that you would like to manually create a hidden text section on your page that will be shown when a button or link is clicked like a toggle or accordion section?
An example of this would be to use this css:

.learn-this { 
	display: none; 
}
span.click-learn-more {
	color: #000;
	font-weight: bolder;
}
span.click-learn-more:hover {
	cursor: pointer;
}

this html in a code block element:

<span class="click-learn-more">Learn more…</span>
<span class="learn-this"> your hidden text </span>

and this script in your child theme functions.php:

add_action('wp_footer', 'ava_custom_script', 10);
function ava_custom_script(){
?> <script>
    (function($) {
        $('.click-learn-more').on('click', function() {
            $('.learn-this').toggle();
        });
    }(jQuery)); 
    </script>
<?php
}  

If you mean that you would like the “read more” from the blog element to behave like this, then unfortunately we can not do this.
You could use the masonry element or the ajax portfolio as a solution.

Best regards,
Mike