Author: allaboutbasic

Twenty Twenty  now arrived and become the new WordPress default theme. Mainly it is designed with the flexibility of the block editor at its core but you can use Visual Composer or Elementor too. You can use it for your organization or business and also for your traditional blog, the centered content column and considered typography makes it perfect for that as well. Here I am sharing some CSS Modifications which you can use

Download Twenty Twenty Child Theme

Download Twenty Twenty Parent Theme from wordpress.com

Continue reading “Twenty Twenty Theme: Modifications of Header, Titles, Links, Widget Section and More” →

Here I am sharing you the code which will help to show an additional / extra tab in woocommerce single product page, and show Advanced Custom fields info in the description of that tab . Just change the field info and put it in your theme’s function.php and save it.

if(! function_exists('new_tab')){

add_filter('woocommerce_product_tabs','new_tab');

function new_tab($tabs){
$tabs['my_tab']=array(
"title"=> "Product Review",
 "priority"=> 35,
"callback" =>"tab_desc",
);
return $tabs;
}
function tab_desc(){
	global $product;
$id = $product->get_id();
echo  get_field('review',$id); ;
}


}

Feel free to do comments if you have any question.

Mainly I created the shortcode to show 4 post as per the design above, One in left and Three in right based on the request of one of my client. He wanted to show 4 post in such manner in Elementor page builder plugins. You have to use [recent_posts] in Elementor shortcode module to show it.

The code is divided in 2 part. One for Functions.php and other for Style.css

Code for function.php

Continue reading “Show 4 Post, One in Left and 3 in right with featured image: In Elementor Builder” →

This is for advanced users, just shared the code. You can use it in your site by changing the Pin Location name and address. Applicable for wordpress, html and php based sites. Feel free to do comments if you have any question regarding this.

Continue reading “Map With Different location pins and mouse activity disabled” →

Just paste the following Code in your theme’s function.php

In the following Code, I have created Instruction post type with Weeks taxonomy (category) for one of my client. He requested me to show his workout plan based on Week and Day basis. So Just change the Name of Post type and taxonomy and save it.

function instruction_post_type_register(){

register_post_type('instructions',array(

'label'=> 'Instructions',
'public' =>true
));
register_taxonomy('weeks','instructions',array(
'labels'=> array(
    'name'=>'Weeks',
    'add_new_item'=>'Add New Week',
    'parent_item'=> 'Parent Week'
    ),
'hierarchical'=>true

));
}
add_action('init','instruction_post_type_register');

Feel free to do comments if you need any sort of helps.

The main requirement was, to show sidebar in static homepage in twentyseventeen theme with comments form. Check the screenshot

Solution

I have created a template,named Home Sidebar for twentyseventeen theme . I am sharing the template with you

Put this template in your twentyseventeen theme folder and use it to create page with sidebar and comments form.

Continue reading “TwentySeventeen Theme Sidebar in Static Homepage with Comments Form” →

Here I am sharing you the latest theme Varia and the child themes created using this theme. I have shared the css codes which is applicable for all the child themes of Varia.

Download Parent Theme varia

YOGA BASED INSTITUTION CHILD THEME BALASANA

ONLINE BUSINESS CHILD THEME SHAWBURN

EDUCATIONAL INSTITUTIONS BASED CHILD THEME STRATFORD

ORGANIZATION OR PERSONAL BASED CHILD THEME ALVES

ENTREPRENEURS AND SMALL BUSINESS OWNERS BASED CHILD THEME REDHILL

AGRICULTURE BUSINESS BASED CHILD THEME BARNSBURY

IMPRESSIVE PORTFOLIO OR PROJECT BASED CHILD THEME DALSTON

The CSS IS APPLICABLE FOR ALL CHILD THEME OF VARIA THEME. CHILD THEMES ARE SHARED AT THE BOTTOM OF THE POST

Continue reading “Child Themes By Automattic: Educational institutes, Yoga, Agricultural business based sites – Modifications, design and customization” →

Morden is a functional and responsive multi-purpose theme that is the perfect solution for your business’s online presence. You can see Modern theme demo here. It is actually the Child theme of Varia. So, if you want to use it in your hosting, then you need to use Varia theme as Parent theme.

Download Parent theme Varia.

Download Child theme Morden

Continue reading “Theme Morden By Automattic: reduce gaps, modifications of header, contents, sidebars and more changes” →

Few days ago one of my client requested me to implement a promo code field ( screenshot attached) in payment form (which i helped him created using contact form 7) to show a discounted price. I helped him implemented this and sharing you the code.

Procedure

1. Here is the Contact form 7 field to use

[text couponcode placeholder "Promo Code"]

<span class="discountedPrice"> </span>

2. Here is the jQuery code ( Use Simple Custom CSS and JS plugins for this)

jQuery(document).ready(function(){
 
  
     jQuery('input[name="couponcode"]').on('input keyup', function(e){	
 
	let couponcode= jQuery( 'input[name="couponcode"]' ).val().trim(); 
       
if(couponcode=="ab123"){
	   jQuery('span.discountedPrice').html("$100");
	   }

         if(couponcode=="BC9287"){
	   jQuery('span.discountedPrice').html("$499");
	   }     
     
     });

  	});

Feel free to do ask comments in the comments box