Tips Archives – Theme Mates

Create Downloadable CSV File in WordPress wp-admin page with Ajax Call

Create Downloadable CSV File with Ajax Call in WordPress wp-admin page

Plugins, Tips, Tutorials October 6, 2021

Recently I was tasked to create add a button to a page in wp-admin which when clicked will create a downloadable csv file and start downloading it. The page in wp-admin was created with Advanced Custom Fields Pro (ACF). Since ACF doesn’t have field for simple button input type so I created one with ACF […]

Null values in wp_icl_translations table

The associated translation of a page is disappearing in WPML

Tips, WPML May 5, 2020

Have you ever faced an associated translation of a page disappearing in WPML? If you have faced this problem and have to this page for a solution then chances are that the solution presented here will help you just like it helped us.

WPML AJAX Call Returns Default Language

Plugins, Tips, WPML April 24, 2020

If you are facing “WPML AJAX Call Returns Default Language” problem on your WordPress site then we have the solution for you. This is a common problem with developing multi-language WordPress sites with WPML. If you are logged in then the queries in the same browser will return correct results but if you test your […]

Change Currency in WPML Based on Geolocation

Plugins, Tips, WPML April 20, 2020

Have you ever faced a situation where you needed to change currency in WPML based on geolocation? If so then you must have looked into WPML settings only to find out that WPML doesn’t have any such built-in feature. Following is a piece of code which will change currency in WPML based on geolocation. This […]

Center Align Select Menu in HTML With CSS

Center Align Select Menu Text in HTML

Tips November 8, 2019

Ever needed to center align Select Menu Text in HTML with CSS? If you did and succeeded with text-align: center in Firefox but failed in Chrome then fear not as we are giving you this simple tip to make it work in Chrome and Safari on both desktop as well as in mobile phone screens.

Responsive Video Using CSS

CSS, Responsive, Tips May 23, 2019

Responsive Video Using CSS, yes that’s right. No javascript or jQuery is needed to make videos responsive on your website. This quick tip applies to both iframe based embedded videos e.g. YouTube or Vimeo as well as self-hosted videos. HTML code for embedded YouTube video: <div class="responsive-video"><iframe src="https://www.youtube.com/embed/YOUR-VIDEO-ID" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div> <div class="responsive-video […]

Solving Common Contact Form 7 Issues

Plugins, Tips May 12, 2019

We all come across scenarios where we face common Contact Form 7 issues. For example the common issue is to use a human readable label for select dropdown menus instead of “—“. Luckily Contact 7 provides filters which can be used to solve some of the common issues. Shortcodes Within Contact Form 7 Forms One […]

Remove Blank Lines in Email for Unfilled Form Items

Plugins, Tips April 21, 2016

This quick tip will show you how you can remove blank lines from Contact Form 7 during submission for optional fields which were left empty by the user.

Changing the starting and end tags of the products loop in main shop page of a WooCommerce theme

Changing starting and ending tags of the products loop in main shop page of a WooCommerce theme

Tips, Tutorials, WooCommerce December 15, 2015

The default starting and ending tags of the loop in main shop page of a WooCommerce theme are <ul class=”products”> and </ul>. Changing starting and ending tags might be needed due to various reasons. Lets say you have customized the content-product.php file of WooCommerce and have added some divs inside the <li> tag which is […]

Display WooCommerce product variation image upon selection from variation dropdown menu

Plugins, Tips, WooCommerce December 8, 2015

If you ever need to display a WooCommerce product variation image, somewhere in a single product page, upon selection from the variation dropdown menu then use this technique to achieve that objective. This solution can be useful in situations when you use a third party product slider and that product slider doesn’t support the feature […]