"Contact Form 7" date field not working properly - wordpress

I have installed a "Contact Form 7" plugin on following WP blog https://vsupholstery.com/ and I have added date field inside that form (form is located below slider). The problem was that the date field was not functional inside Firefox, IE and Safari, so I installed the additional plugin from this page http://wordpress.org/plugins/contact-form-7-datepicker/ . Now the date field is working OK and it shows the calendar when you click inside date field, but the calendar style does not work.
Any idea how to fix this problem since I tried many things and nothing works.
Thanks.

Please add below code in your theme's functions.php
add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

Related

Opening Wordpress Gallery from a link

Is it possible to open a wordpress gallery using an anchor tag so that the gallery appears on the same page in a lightbox? I cannot figure out how to do so. It seems like it should be such a simple thing to do but I have tried various plug ins and cannot work out a simple solution.
first, install this plugin
https://wordpress.org/plugins/anything-popup/
Then go to setting->anthing-pop there will be a shortcode http://awesomescreenshot.com/03561dd759
then click to edit it and put the [galley] shortcode
http://awesomescreenshot.com/09261ddfc0
http://awesomescreenshot.com/0ae61ddmb5
Now use the shortcode on click see screenshot
http://awesomescreenshot.com/0de61dej39
you can use the shortcode into post or page or in file like this
<?php echo do_shortcode('[AnythingPopup id="1"]'); ?>
thanks

datepicker of cf7 not working in firefox

I am a plugin called contact form 7 for contact us page. I have date picker in it. It is not working in firefox but working in chrome. How can I fix this error ? Can anyone the solution for this problm ?
The answer from #Christophvh was right but incomplete. The datepicker calendar is here but not visible. There seams to be a bug in the jquery datepicker that sets an incorrect z-index value thus making the calendar hidden behind the form.
Here is how I made it work :
1) Enable WCF7 fallback but putting this code snippet in your theme functions.php file
add_filter( 'wpcf7_support_html5_fallback', '__return_true' );
2) Fix the bug by putting this code snippet in your theme functions.php file, or by editing you theme CSS if you know how to :
add_action('wp_head', 'replacethiswithyourthemename_wcf7_datepickerfix');
function replacethiswithyourthemename_wcf7_datepickerfix(){
?><style>#ui-datepicker-div {z-index:99!important;}</style><?php
}
Contact form 7 uses HTML5 for this, functions like Datepicker are not supported by some browsers. The following answer is from the FAQ page http://contactform7.com/faq/
Does Contact Form 7 support HTML5 input types?
Yes. Contact Form 7 3.4 and higher support form-tags corresponding to
these HTML5 input types: email, tel, url, number, range and date.
If you don’t wish to use HTML5 input types, you can disable this by
adding the following code into your theme’s functions.php file: 1
add_filter( 'wpcf7_support_html5', '__return_false' );
Note that even the most current browsers partially support HTML5. For
example, the latest Firefox doesn’t support the date input type (that
allows you to choose a date from a calendar user interface) and the
number input type (that allows you to input a number value from a
spinbox UI) yet — so Firefox provides a general text input field as a
fallback instead of a calendar and spinbox UI. This may confuse users
because they can’t detect what type of input value this field expects.
So, you may feel that it is better to wait for all browsers to support
all HTML5 features completely.
But you don’t need to wait! Contact Form 7 offers a better solution.
Contact Form 7 is able to provide jQuery UI-based fallback for the
date and number input fields. By using this solution, you can provide
calendar UI for the date field and spinbox UI for the number field,
respectively, even with Firefox or Internet Explorer.
By default, this fallback feature is disabled because it loads extra
JavaScript and CSS (makes for poor performance) and it is only
necessary for websites that use the date or the number input fields.
If you use the date or number input fields and wish to use this jQuery
UI-based fallback feature, add the following code into your theme’s
functions.php file and activate the feature: 1
add_filter( 'wpcf7_support_html5_fallback', '__return_true' );
So in your case adding
add_filter( 'wpcf7_support_html5_fallback', '__return_true' );
will work if you install jquery UI, which you can find here: https://jqueryui.com/

Add to Cart button not showing for variable product

I've tried a lot of things. No results.
My add to cart button for variable product does not work. it works for simple product. but for variable product, it is not even shown up.
I have edited the twenty-thirteen theme to incorporate my custom html theme and over ridden the css and everything else that existed.
When i change the theme to 2015/2014, it works fine. But with my custom theme, it doesnt work.
I have tried WooCommerce jQuery Cookie Fix
and added a hook to function.php as :
/*Add to Cart for variable products*/
function fix_woo_var_cart()
{
wp_enqueue_script('add-to-cart-variation', '/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.js',array('jquery'),'1.0',true);
}
add_action('wp_enqueue_scripts','fix_woo_var_cart');
?>
Nothing however seems to work! Please help!
apparently id commented wp_head() and wp_footer(); for some reason.
i was told that isn't necessary while i learnt to integrate html into wp. therefore, the issues.
Uncommented that and all's fine.:)

Wordpress shortcode not working in Retro theme

I am using wordpress retro theme, and using a plugin to show hide text "[wpex Read more]hidden text[/wpex]" but it is not working, data is displaying by custom function i went there and change the code to "retun do_shortcode( $result );" but is working for simple shortcode without parameters, not working with shortcode have partmeters like i mentioned before.
can anyone guide me what to do ?
Thank you very much
You missed the parameter in shortcode, assign the Read More text to a parameter like this
[wpex parameter="Read more"]hidden text[/wpex]

wordpress shortcodes show up in preview posts

http://www.mytwins.gr/site/
In the third blog post you will see that a shortcode shows up [frame align="none"]Της Εύης Σταθάτου[/frame] which is ugly. Only if you click it, it works fine.
Why is that?, How can you hide the code from the previews posts thingy? Thanks in advance.
P.S I tried to hide the shortcode from the visual mode and enter it in the text mode, but still the same.
As #Ravi suggests, make sure that your plugins are enabled. However, it looks like your shortcodes are appearing within your excerpts (assuming you're using the_excerpt() for the snippets appearing on your homepage?)
I would suggest a handy snippet of RegEx:
$myExcerpt = get_the_excerpt();
$myExcerpt = preg_replace( '|\[(.+?)\](.+?\[/\\1\])?|s', '', $myExcerpt);
echo $myExcerpt;
That should stop the raw shortcodes from appearing.

Resources