How to create product slider in wordpress/Woo-commerce?

//Link js file with wordpress

function enqueue_files(){

wp_enqueue_script( 'jquery', get_stylesheet_directory_uri() . '/js/jquery.min.js');

}
add_action("wp_enqueue_scripts","enqueue_files");


<style>
<!----------------- paste css in style.css file only------------------->
<!------------in woocommerce product slide effect css----------------->

.outer_image_container {
position: relative;
}

.show_box_effect {
position: absolute;
background: #2f2f2f;
width: 80%;
height: 1%;
top: -80%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: 0.5s all;
z-index: -1;
opacity: 0;
display: flex;

}

ul.products li.product:hover .show_box_effect
{
position: absolute;
background: #2f2f2f;
width: 80%;
height: 80%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: 0.5s all;
z-index: 1;
opacity: 1;
display: flex;

}

a.custom_add_to_cart {
background: none;
text-align: center;
align-items: center;
margin: auto;
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
font-family: open sans condensed,sans-serif;
font-size: 14px;
line-height: 2em;
font-weight: 300;
text-transform: uppercase;
outline: 0;
padding: 4px 14px;
box-sizing: border-box;
transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
color: #fff;
border: 1px solid #c9ab81;
overflow: hidden;
cursor: pointer;
border-radius: 0px;
z-index: 9999;
text-decoration: none;
}


.custom_add_to_cart:after {


background: white;
position: absolute;
top: -1px;
width: 4px;
right: 18px;
content: '';
transform: rotate(30deg) scale(0, 1);
height: 1px;
transition: 0.5s all ease-in-out;


}


.custom_add_to_cart:hover:after {

background: white;
position: absolute;
top: 10px;
right: 0px;
width: 6px;
content: '';
transform: rotate(30deg) scale(10, 1);
height: 1px;
transition: 0.5s all ease-in-out;
}

a.custom_add_to_cart:before {
background: white;
position: absolute;
top: 39px;
left: 27px;
width: 8px;
content: '';
transform: rotate(30deg) scale(0, 1);
height: 1px;
transition: 0.5s all ease-in-out;


}

.custom_add_to_cart:hover:before {

background: white;
position: absolute;
top: 39px;
left: 27px;
width: 8px;
content: '';
transform: rotate(30deg) scale(10, 1);
height: 1px;
transition: 0.5s all ease-in-out;



}



main#main {
max-width: 100% !important;
}


<!------------Owl-carousal css----------------->


.owl-nav {
float: right;
padding: 0px 30px;
}


button.owl-prev span {
padding: 3px 15px;
background: #f1f1f1;
border-radius: 200%;
font-size: 24px;
outline: none;
border: none;
margin-right: 5px;
border: 1px solid #bdb6b6;
}
button.owl-prev span:focus {

outline:none;

}

button.owl-next span {

padding: 3px 15px;
background: #f1f1f1;
border-radius: 200%;
font-size: 24px;
outline: none;
border: 1px solid #bdb6b6;
margin-left: 5px;

}


button.owl-next,button.owl-prev {
outline: none;
}



</style>

<?php

// create product carousel shortcode
function get_product_carousel(){

?>


<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().'/css/owl.carousel.min.css'; ?>">
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().'/css/owl.theme.default.min.css'; ?>">

<script src="<?php echo get_stylesheet_directory_uri().'/js/owl.carousel.min.js'; ?>"></script>
<script src="<?php echo get_stylesheet_directory_uri().'/js/mousewheel.min.js'; ?>"></script>
<script src="<?php echo get_stylesheet_directory_uri().'/js/owl.carousel.js'; ?>"></script>


<script>

jQuery(document).ready(function($){
var owl = $('.owl-carousel');
owl.owlCarousel({
loop:true,
nav:true,
items:4,
margin:10,
autoplay:true,
autoplayTimeout:4000,
autoplayHoverPause:true
});




owl.on('mousewheel', '.owl-stage', function (e) {
if (e.deltaY>0) {
owl.trigger('next.owl');
} else {
owl.trigger('prev.owl');
}
e.preventDefault();
});
});

</script>





<ul class="products">

<?php
$args = array(
'post_type' => 'product',
'posts_per_page' => 12
);
$loop = new WP_Query( $args );
if ( $loop->have_posts() ) {
?>
<div class="owl-carousel">
<?php

while ( $loop->have_posts() ) : $loop->the_post();

wc_get_template_part( 'content', 'product' );


endwhile;
?>
</div>
<?php

} else {
echo __( 'No products found' );
}
wp_reset_postdata();
?>
</ul><!--/.products-->
<?php

}
add_shortcode('get-product-carousel','get_product_carousel');


<!-----------------------Paste it where you want----------------------------->

<?php echo do_shortcode('[get-product-carousel]'); ?>

How to get posts with pagination in wordpress?

<?php

 // Register Custom Post Type
function schedule_post_type() {

 $labels = array(
  'name'                  => _x( 'schedule', 'Post Type General Name', 'text_domain' ),
  'singular_name'         => _x( 'schedule', 'Post Type Singular Name', 'text_domain' ),
  'menu_name'             => __( 'schedule', 'text_domain' ),
  'name_admin_bar'        => __( 'schedule', 'text_domain' ),
  'archives'              => __( 'Item Archives', 'text_domain' ),
  'attributes'            => __( 'Item Attributes', 'text_domain' ),
  'parent_item_colon'     => __( 'Parent Item:', 'text_domain' ),
  'all_items'             => __( 'All Items', 'text_domain' ),
  'add_new_item'          => __( 'Add New Item', 'text_domain' ),
  'add_new'               => __( 'Add New', 'text_domain' ),
  'new_item'              => __( 'New Item', 'text_domain' ),
  'edit_item'             => __( 'Edit Item', 'text_domain' ),
  'update_item'           => __( 'Update Item', 'text_domain' ),
  'view_item'             => __( 'View Item', 'text_domain' ),
  'view_items'            => __( 'View Items', 'text_domain' ),
  'search_items'          => __( 'Search Item', 'text_domain' ),
  'not_found'             => __( 'Not found', 'text_domain' ),
  'not_found_in_trash'    => __( 'Not found in Trash', 'text_domain' ),
  'featured_image'        => __( 'Featured Image', 'text_domain' ),
  'set_featured_image'    => __( 'Set featured image', 'text_domain' ),
  'remove_featured_image' => __( 'Remove featured image', 'text_domain' ),
  'use_featured_image'    => __( 'Use as featured image', 'text_domain' ),
  'insert_into_item'      => __( 'Insert into item', 'text_domain' ),
  'uploaded_to_this_item' => __( 'Uploaded to this item', 'text_domain' ),
  'items_list'            => __( 'Items list', 'text_domain' ),
  'items_list_navigation' => __( 'Items list navigation', 'text_domain' ),
  'filter_items_list'     => __( 'Filter items list', 'text_domain' ),
 );
 $args = array(
  'label'                 => __( 'schedule', 'text_domain' ),
  'description'           => __( 'Post Type Description', 'text_domain' ),
  'labels'                => $labels,
  'supports'              => array( 'title', 'editor', 'thumbnail', 'custom-fields' ),
  'taxonomies'            => array( 'category', 'post_tag' ),
  'hierarchical'          => false,
  'public'                => true,
  'show_ui'               => true,
  'show_in_menu'          => true,
  'menu_position'         => 5,
  'show_in_admin_bar'     => true,
  'show_in_nav_menus'     => true,
  'can_export'            => true,
  'has_archive'           => true,
  'exclude_from_search'   => true,
  'publicly_queryable'    => true,
  'capability_type'       => 'page',
 );
 register_post_type( 'schedule', $args );

}
add_action( 'init', 'schedule_post_type', 0 );




//Get posts and custon fields with pagination

function schedule_timing_peg(){

?>


<style>
.js_container {
    width: 80%;
    display: block;
    margin: auto;
font-family:montserrat;
}
.schedule_container {
    width: 32%;
    background: #252424;
    border: 1px solid black;
    padding: 22px 0px;
    border-radius: 8px;
    min-height: 361px;
    margin: 7px 5px;
    display: inline-table;
}
.shedule_heading {
    width: 50%;
    color: red;
    font-size: 25px;
    text-align: left;
    font-weight: 700;
    display: inline-block;
}
.shedule_timing {
    width: 50%;
    color: red;
    font-size: 25px;
    text-align: right;
    font-weight: 700;
    display: inline-block;
}
.shedule_heading_container {
    border-bottom: 1px solid white;
    margin: 0px 22px;
}
.row:nth-of-type(odd) {
    background: #0A0A0A;
}
.row:nth-of-type(even) {
    margin:5px 0px;
}
.shedule_vs {
    color: white;
    font-size: 17px;
    padding: 5px 17px;
}
.row {
    padding: 0px 6px;

}
</style>

<div class="js_container">

<?php


   $args = array( 
   'posts_per_page' => 6,
        'post_type' => 'schedule',
        'post_status' => 'publish',
 'paged' => get_query_var('paged') ? get_query_var('paged') : 1,

    );


    $loop = new WP_Query( $args );
       
    while ( $loop->have_posts() ) : $loop->the_post();
         //the_title();
 //get_the_date('g/j');
       // the_excerpt();
  ?>
 

<div class="schedule_container">
  <div class="shedule_heading_container">
<div Class="shedule_heading"><?php echo the_title(); ?></div><div Class="shedule_timing"><?php echo get_the_date('m/j'); ?></div>
</div>
<?php $meta = get_post_custom(); ?>
<?php foreach ( $meta as $key => $value) { ?>
  <?php if(substr($key, 0, 1) !== '_'): ?>
    <?php  $key.': '.$value[0].'<br />'; ?>

<div class="row">
<div Class="shedule_vs"><?php echo $key.': '.$value[0]; ?></div>
</div>  
 
  <?php endif; ?>
<?php } ?>   
 
</div>

 
   <?php
    endwhile;

$big = 999999999; // need an unlikely integer
echo paginate_links( array(
    'base' => str_replace( $big, '%#%', get_pagenum_link( $big ) ),
    'format' => '?paged=%#%',
    'current' => max( 1, get_query_var('paged') ),
    'total' => $loop->max_num_pages
) );

    wp_reset_postdata();

?>

</div>

<?php
}
add_shortcode('schedule-timing-peg','schedule_timing_peg');

//Paste it where you want

<?php

echo do_shortcode('[schedule-timing-peg]');

?>

How to show/display content after post content in wordpress?

show/display content after post content in wordpress. 

function yourprefix_add_to_content( $content ) {
if( is_single() ) {
$content .= 'Your new content here';
}
return $content;
}
add_filter( 'the_content', 'yourprefix_add_to_content' );

How to create wp_editor/Custom editor in wordpress/Woo-commerce?

Create wp_editor/Custom editor in wordpress/Woo-commerce.


add_action("admin_init", "certifications");
add_action('save_post', 'save_subdescription');
function certifications(){
add_meta_box("sub_description", "Certifications", "meta_function", "product");
}
function meta_function(){
global $post;
$custom = get_post_custom($post->ID);
$sub_description = $custom["sub_description"][0];
wp_editor( $sub_description, 'certifications', $settings =
array('textarea_name'=>'sub_description','dfw'=>true) );
}
function save_subdescription(){
global $post;
update_post_meta($post->ID, "sub_description", $_POST["sub_description"]);
}



function show_certification_content(){

echo get_post_meta( get_the_ID(), 'sub_description', true );



//echo get_the_content();
}
add_action('woocommerce_before_single_product_summary','show_certification_content');

How to send email in wordpress?

Send email in wordpress.

$contactfirstname ="lali";

// No need to make changes below this line.
 $toadmin = "developwithjaspreet@gmail.com";

$adminmessage = 'You just got one visitor. Here is the detail below';
$noreply = 'noreply@jaspreet797386@gmail.com';
$headers = "From: " . $contactfirstname . "\r\n";
            $headers .= "Reply-To: ". strip_tags($noreply) . "\r\n";
            $headers .= "MIME-Version: 1.0\r\n";
            $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$headers = 'From: "' . $contactfirstname . '" <no-reply@randhirstudsios.com>' . "\r\n";
wp_mail( $toadmin, $contactfirstname, $adminmessage, $headers );

How to send email after saving post in wordpress?

Send email after saving post in wordpress

function action_publish_post( $ID, $post ) { 

$contactfirstname ="Jassi";

// No need to make changes below this line.

 $toadmin = "developwithjaspreet@gmail.com";

$adminmessage = 'You just got one visitor. Here is the detail below';

$noreply = 'noreply@jaspreet797386@gmail.com';

$headers = "From: " . $contactfirstname . "\r\n";

            $headers .= "Reply-To: ". strip_tags($noreply) . "\r\n";

            $headers .= "MIME-Version: 1.0\r\n";

            $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";

$headers = 'From: "' . $contactfirstname . '" <no-reply@randhirstudsios.com>' . "\r\n";

wp_mail( $toadmin, $contactfirstname, $adminmessage, $headers );

}         

// add the action 

add_action( 'publish_contracts', 'action_publish_post', 10, 2 ); 

How to remove/disable drag image from website?

Remove/disable drag image from website

jQuery(document).ready(function($){


$('img').mousedown(function(e){

 return false;


});

});