Hi,

Thank you for the update.

You can use this filter to change the placeholder and label values of the order comments field.

function avf_custom_woocommerce_checkout_fields( $fields ) 
{
    $fields['order']['order_comments']['placeholder'] = 'Commentaires concernant votre commande: ex. informations ou demandes spéciales concernant votre visite guidées';
    $fields['order']['order_comments']['label'] = 'Notes de commande (facultatif)';

    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'avf_custom_woocommerce_checkout_fields' );

Best regards,
Ismael

Hi,

Thanks for the info @guenni007.

The issue does not occur on our installation, so this is more likely an issue with a plugin or a custom script. We also noticed that when typing anything in any textarea or input fields (in a code block for example), a period or a dot is automatically appended to the text, which seems to be an autocomplete response or behavior.

Have you tried disabling the plugins temporarily? Please make sure toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

You can enable the Cookie Handling > Modal Window Custom Content option and manually create a link to an external URL in one of the Tab Content fields.

Example:

<a href="https://external-site.com" target="_blank">Privacy Link</a>

Best regards,
Ismael

Hi,
Thank you for the feedback, I examined closer on my demo site and found that by entering the image URL directly the WordPress media library meta fields are not called like they are when a gallery element is, so I don’t see a way to get the title from the link.
But the following script will allow you to add specific titles to each hotspot and show it in the lightbox.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_hotspot_title_script() { ?>
  <script>
(function($){
$('.av-image-hotspot-1 a').attr('title','hotspot-1');
$('.av-image-hotspot-2 a').attr('title','hotspot-2');
$('.av-image-hotspot-3 a').attr('title','hotspot-3');
$('.av-image-hotspot-4 a').attr('title','hotspot-4');
$('.av-image-hotspot-5 a').attr('title','hotspot-5');
$('.av-image-hotspot-6 a').attr('title','hotspot-6');
$('.av-image-hotspot-7 a').attr('title','hotspot-7');
$('.av-image-hotspot-8 a').attr('title','hotspot-8');
$('.av-image-hotspot a').magnificPopup({ 
    type: 'image',
    image: {
        titleSrc: 'title' 
    }
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_hotspot_title_script');

and adjust the titles to suit, for example for hotspot 1, change $('.av-image-hotspot-1 a').attr('title','hotspot-1'); to $('.av-image-hotspot-1 a').attr('title','custom title for hotspot 1');
I assume that this is your only hotspot element on your site, if not them we can make this script work on this one page only by adding page IDs to it.

Best regards,
Mike

Hey engage24,
Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

  #footer .avia-mailchimp-form fieldset {
  display: flex; 
  flex-wrap: wrap; 
  }
  #footer .avia-mailchimp-form #element_avia_1_1 {
      order: 1; 
  }
  #footer .avia-mailchimp-form #element_avia_2_1 {
      order: 2; 
  }
  #footer .avia-mailchimp-form #element_avia_0_1 {
      order: 3; 
  }
  #footer .avia-mailchimp-form .form_element:not([id*='element_avia_'])  {
      order: 4; 
  }

After applying the css, please clear your browser cache and check.
The expected results:

Best regards,
Mike

Hey koomo,
Thanks for the link to your page, from what I see the Select People is given the background color by the plugin when the toggle is opened, this seems to be the correct behavior, but if you want to remove it try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.yith-booking--simple-style .yith-wcbk-people-selector--opened .yith-wcbk-people-selector__totals {
    background: none !important;
    color: #484848;
}

to show the dropdown selections try this css:

.yith-wcbk-people-selector--opened .yith-wcbk-people-selector__fields-container {
    position: relative;
}

After applying the css, please clear your browser cache and check.
the expected results:

Best regards,
Mike

Hey JKnoblach,
Thank you for your patience and for the link to your page, it looks like you are using the masonry element and showing portfolio items. We don’t have a default way to add logo images over the masonry item on hover but I was able to find a way to do this for this situation using images, but it may not work with SVG’s because you will need to use image element shortcodes. I imagine you could create custom SVG shortcodes ad use them, but you can’t use html in the excerpts.
For this example we will create an image shortcode using the shortcode wand and paste that shortcode in to the portfolio item manual excerpt field.
Then in the masonry element we will choose to show the excerpt only instead of the title that you are now showing and add this css into the WordPress ▸ Customize ▸ Additional CSS field:

.av-masonry-entry-content .avia-image-container img {
height: 100px;
width: 100px;
}

this css assumes that your logo image is 100px square, feel free to adjust to the size you wish to show.
Then in order to show the shortcode from the excerpt you will need to install the plugin Shortcodes Anywhere or Everywhere and choose the setting In Post/Page Custom Fields

The expected result:

I linked to my example page below, please give this a try.

Best regards,
Mike

Hey Kren,

Thank you for the inquiry.

The fields in the checkout page should have borders by default. Did you add any custom css in the site? Please post the site URL in the private field so that we can check the checkout page properly.

Best regards,
Ismael

Hi,
Thank you for your patience and for the login, I will try to help you customize your plugin ARG MultiStep Checkout for WooCommerce, although this is not a third party plugin that we support.
for the width of your fields in the steps please try this css

.argmc-wrapper .argmc-form-steps {
    padding-left: 0;
    padding-right: 0;
}
.argmc-order-step, .argmc-payment-step, .argmc-order-payment-step, .argmc-order-review-step {
    max-width: 100%;
}
.woocommerce-shipping-totals.shipping th {
	width: 50px;
}

I’m not sure what you are finding wrong with the payment box in step two or three, but these boxes are styled from the plugin and will not look like our demo, I didn’t see anything out of line please see the screenshots in the Private Content area. If there was something small to adjust I would be able to assist, but I can’t re-write the plugin to look like our demo.
The English words Customer Details, Billing Address, & Shipping Address are also from the plugin:

so while I could write a script to change these, I would first suggest that you ask the plugin author for their solution as I imagine they must have dealt with this before.
I’m not sure what you mean by the “my account” fields should look like the log in / register, try explaining with some screenshots.

Best regards,
Mike

Hi,

Thank you for the update.

Did you specify a custom autoresponder text in the Content > Backend > Autorespond Text field? The fields will not be included in the autoresponder email if a custom text is specified.

Best regards,
Ismael

Hi,

Thank you for the update.

Which file should I modify to display them?

You may need to modify the includes > loop-index.php file if you want the custom fields to display on the single post page.

Best regards,
Ismael

Hey peterolle,

Thank you for the inquiry.

Where are you displaying the custom fields? Did you modify a template to display them? You should probably add the conditional tags around those modifications. This documentation should help.

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

Example:

if( has_category("dog"), get_the_ID() ) {
   // echo custom field
}

In the code above, the custom field will only display if the post has the category “dog”.

Best regards,
Ismael

Hey UFreeman,

1. Question: In the mobile version of my site, empty fields appear above the paragraphs. I know the fields are the layout elements that I use to break up the page and then populate it with content — on the web version it looks as intended, on the mobile version you can see it as an empty field above the content. How do I stop this display in the mobile version?

I believe that you want to hide three empty white boxes on your page for mobile, please see the screenshot in the Private Content area. These seem to be custom div’s in text block elements and all have the same ID so adding this css to your Quick CSS in the theme option will hide them all on mobile:

@media only screen and (max-width: 767px) { 
#simple-translate {
	display: none;
}
}

After applying the css, please clear your browser cache and check.

2. I want to include an up button that appears in the bottom right corner as you start scrolling down and brings you back to the top (like here in the forum, default). All earlier questions about this here send you to a place in the theme options that doesn’t exist for me or that maybe have a completely different name.

To show the “scroll to the top” button on mobile add this css to your Quick CSS in the theme option

@media only screen and (max-width: 767px) {
.responsive #top #scroll-top-link {
    display: block;
}
}

again after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, originally I was under the impression that we were talking about a portfolio item, so after testing the solution above was for a portfolio item, but I see that you are using a masonry element to show posts. I couldn’t find a similar solution for this, but I did find a plugin that works Shortcodes Anywhere or Everywhere if the In Post/Page Custom Fields option is used. I first tested this with a simple date shortcode, but using a button shortcode breaks the masonry element.
If you notice the whole masonry block, excerpt and image, is already linked to the item, so you can not add a button to the excerpt that includes a link.
I assume that you understand that this, so I came up with a different solution for you, I replaced your shortcode in the manual excerpt with this:
[buttoncode]
then I added this to your child theme functions.php

function custom_masonry_excerpt_button_script() { ?>
    <script>
var masonryExcerpt = document.querySelector(".av-masonry-entry-content.entry-content");
masonryExcerpt.innerHTML = masonryExcerpt.innerHTML.replace("[buttoncode]", '<span class="avia-button avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Click me</span></span>');
</script>
    <?php
}
add_action('wp_footer', 'custom_masonry_excerpt_button_script');

and now the button shows.
You can adjust the button html in the script above to suit, if you want help with this please post the button you want to use on a test page so I can copy the html and adjust the script for you.

Best regards,
Mike