<?php


vc_map( 
    array(
    "name"					=> __( "Advanced Woo Products", "awavcl" ),
    "description"			=> __( "Show woocommerce products in style.", 'awavcl' ),
    "base"					=> "awavc_woo_products",
    "icon"                  => "awavc_woo_item_icon",
    "category"				=> __( "Advanced Elements", "awavcl" ),
    "params"				=> array(

        array(
            "type" => "dropdown",
            "holder" => "",
            "class" => "",
            "heading" => __("Product Layout Style", "awavcl"),
            "param_name" => "woo_style",
            "value" => array(
                "Style 1" => 'product-item-1',
                "Style 2" => 'product-item-2',
                "Style 3" => 'product-item-3',
                "Style 4" => 'product-item-4',
                "Style 5" => 'product-item-5',
                "Style 6" => 'product-item-6',
                "Style 7" => 'product-item-7',
                "Style 8" => 'product-item-8',
                "Style 9" => 'product-item-9',
                "Style 10" => 'product-item-10',
                "Style 11" => 'product-item-11',
                "Style 12" => 'product-item-12',
                "Style 13" => 'product-item-13',
            ),
            "description" => __("custom image height for product image", "awavcl"),
            "group"		  => __( "Image Size", "awavcl" ),
            'admin_label' 	=> true,
        ),

        array(
    		"type"			=> "textfield",
    		"heading"		=> __( "Number Of Products", "awavcl" ),
    		"param_name"	=> "products",
    		'value' 		=> '',
            'admin_label' 	=> true,
    	),
        array(
    		"type"			=> "textfield",
    		"heading"		=> __( "Products Category Slug", "awavcl" ),
    		"param_name"	=> "categories_id",
    		'admin_label' 	=> true,
    		'value' 		=> '',
            "description" => __("Type products category slug to get specific category products into carousel. Leave empty for all categories products", "awavcl")
    	),
        array(
    		"type"			=> "textfield",
    		"heading"		=> __( "Product Tag", "awavcl" ),
    		"param_name"	=> "tag",
    		'value' 		=> 'New',
            "description" => __("If you dont want to show any tag mark then leave it blank.", "awavcl")
    	),
        array(
            "type" => "dropdown",
            "holder" => "",
            "class" => "",
            "heading" => __("Show Rating", "awavcl"),
            "param_name" => "rating_enable",
            "value" => array(
                "Yes" => 'yes',
                "No" => 'no',
            ),
        ),

        array(
            "type" => "dropdown",
            "holder" => "",
            "class" => "",
            "heading" => __("Custom Image Height", "awavcl"),
            "param_name" => "image_size",
            "value" => array(
                "No" => 'no',
                "Yes" => 'yes',
            ),
            "description" => __("custom image height for product image", "awavcl"),
            "group"		  => __( "Image Size", "awavcl" ),
        ),

        array(
            "type" => "dropdown",
            "holder" => "",
            "class" => "",
            "heading" => __("Column", "awavcl"),
            "param_name" => "col_num",
            "value" => array(
                "1 Col" => '12',
                "2 Col" => '6',
                "3 Col" => '4',
                "4 Col" => '3',
                "6 Col" => '2',
            ),
            "description" => __("custom image height for product image", "awavcl"),
            "group"		  => __( "Image Size", "awavcl" ),
        ),
        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Image Height', 'awavcl' ),
            'param_name'       => 'image_height',
            "value" => 260,
            "min" => 5,
            "max" => 500,
            "step" => 1,
            "unit" => "px",
            "dependency" => Array('element' => "image_size", 'value' => 'yes'),
            "group"		  => __( "Image Size", "awavcl" ),
        ),

        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Padding Bottom', 'awavcl' ),
            'param_name'       => 'pd_btm',
            "value" => 40,
            "min" => 5,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "group"		  => __( "Settings", "awavcl" ),
        ),

        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Title Font Size', 'awavcl' ),
            'param_name'       => 'ttl_size',
            "value" => 18,
            "min" => 5,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "group"		  => __( "Settings", "awavcl" ),
        ),
        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Sale Price Font Size', 'awavcl' ),
            'param_name'       => 'price_size',
            "value" => 20,
            "min" => 5,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "group"		  => __( "Settings", "awavcl" ),
        ),

        array(
            'type'             => 'prime_slider',
            'heading'          => __( 'Regular Price Font Size', 'awavcl' ),
            'param_name'       => 'del_price_size',
            "value" => 15,
            "min" => 5,
            "max" => 100,
            "step" => 1,
            "unit" => "px",
            "group"		  => __( "Settings", "awavcl" ),
            "description" => __("Make it less then sale price font size", "awavcl")
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Title Color", 'awavcl'),
            "param_name" => "ttl_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Price Color", 'awavcl'),
            "param_name" => "price_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Tag Text Color", 'awavcl'),
            "param_name" => "tag_txt_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Tag Background Color", 'awavcl'),
            "param_name" => "tag_bg",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
            "dependency"    => array( 'element' => "woo_style", 'value' => array('product-item-6','product-item-7','product-item-8','product-item-9','product-item-10','product-item-11','product-item-12','product-item-13') ),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Color On Hover", 'awavcl'),
            "param_name" => "hvr_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Add to Cart Text Color", 'awavcl'),
            "param_name" => "cart_txt_clr",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
             "dependency"    => array( 'element' => "woo_style", 'value' => array('product-item-3','product-item-6','product-item-8','product-item-10','product-item-11','product-item-12','product-item-13') ),
        ),
        array(
            "type" => "colorpicker",
            "heading" => __("Add to Cart Background", 'awavcl'),
            "param_name" => "cart_bg",
            "value" => "",
            "group" => __("Colors", 'awavcl'),
            "dependency"    => array( 'element' => "woo_style", 'value' => array('product-item-3','product-item-6','product-item-8','product-item-10','product-item-11','product-item-12','product-item-13',) ),
        ),
        array(
            "type" => "textfield",
            "heading" => __("Extra class name", "awavcl"),
            "param_name" => "extraclass",
            "value" => "",
            "description" => __("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "awavcl")
        ),
                )
            ) );


                function awavc_woo_product_shortcode( $atts, $content = null, $tag ) {
                extract( shortcode_atts( array(
                                'woo_style'				=> 'product-item-1',
                                'css_animation'				=> '',
                                'image_size'				=> '',
                                'image_height'				=> '300',
                                'products' 					=> '-1',
                                'pd_btm' 					=> '50',
                                'tag' 				    	=> 'Sale',
                                'col_num' 				    	=> '4',
                                'categories_id' 			=> 'all',
                                'items'						=> '6',
                                'ttl_size'					=> '',
                                'price_size'				 => '',
                                'del_price_size'			 => '',
                                'ttl_clr'						=> '',
                                'price_clr'						=> '',
                                'hvr_clr'						=> '',
                                'cart_txt_clr'						=> '',
                                'cart_bg'						=> '',
                                'tag_txt_clr'						=> '',
                                'tag_bg'						=> '',
                                'rating_enable'					=> 'yes',
                                'extraclass'				=> '',

                            ), $atts 
                        )
                    );

                wp_register_style('awavc_woo_products_css', plugins_url( 'css/woo-products.css' , __FILE__ ) );
                wp_enqueue_style('awavc_woo_products_css');
                wp_register_script('awavc-woo.xjs', plugins_url('/js/woo-js.js', __FILE__), array('jquery'));
                wp_enqueue_script('awavc-woo.xjs');



                    $output = '';
                    $ratting = '';
                    global $post;
                    static $product_slider_id = 1;
                    global $wp;
                    $current_url = home_url(add_query_arg(array(),$wp->request));

                    
                    
                    $query_args = array(
                            'post_type' 		=> 'product',
                            'post_status' 		=> 'publish',
                            'posts_per_page'	=> $products,
                            'orderby' 			=> 'date',
                            'order' 			=> 'DESC',
                        );
                        
                    if( $categories_id != 'all' ) {
                        $query_args['tax_query'] 	= array(
                                                        array(
                                                            'taxonomy' 	=> 'product_cat',
                                                            'field' 	=> 'slug',
                                                            'terms' 	=> $categories_id
                                                        ) );
                    
                    }
                
                    $latest_product_query = new WP_Query( $query_args );


                    if( $latest_product_query->have_posts() ) {



                            while($latest_product_query->have_posts()) : $latest_product_query->the_post();

                                global $product;
                                $woo_product_img 	= wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), 'theme-mid' );
                                $attachment_ids = $product->get_gallery_image_ids();
                                    if( sizeof($attachment_ids) > 0 ){
                                         $first_attachment_id = reset($attachment_ids);
                                        $link = wp_get_attachment_image_src( $first_attachment_id, 'full' )[0];
                                    }
                                $cat_count 			= sizeof( get_the_terms( get_the_ID(), 'product_cat' ) );
                                $id = $product->get_id();
                                $product_tags = get_terms( 'product_tag', $query_args );
                                $average = $product->get_average_rating();
                                $result = do_shortcode('[yith_wcwl_add_to_wishlist]');

                                $ratting.$esy = '';
                            if($rating_enable == 'yes' ){
                                if($average == 0 ){$ratting.$esy  .= '<div class="ratings"><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i></div>';}

                                if($average == 1 ){$ratting.$esy .= '<div class="ratings"><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i></div>';}
                                if($average == 2 ){$ratting.$esy .= '<div class="ratings"><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i></div>'; }
                                if($average == 3 ){$ratting.$esy .= '<div class="ratings"><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#eee;"></i><i class="fa fa-star" style="color:#eee;"></i></div>';}
                                if($average == 4 ){$ratting.$esy .= '<div class="ratings"><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#eee;"></i></div>';}
                                if($average == 5 ){$ratting.$esy .= '<div class="ratings"><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i><i class="fa fa-star" style="color:#FFC73C;"></i></div>';}

                               }


                            if($woo_style == 'product-item-1' ){

                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-1.r'.$unq.' .thumb .img-wrapper{background-image: url("'.$woo_product_img[0].'")!important;} .awavc-product-item-1.r'.$unq.':hover.r'.$unq.' .thumb .img-wrapper{background-image: url("'.$link.'")!important;}.awavc-product-item-1:hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-1 .content .meta-icons li a:hover{background-color: '.$hvr_clr.'!important;}.r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .content{height:150px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-1 r'.$unq.'">
                                                    <a href="'.get_permalink().'">
                                                        <div class="thumb">
                                                            <div class="img-wrapper"></div>';

                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="background:'.$hvr_clr.'; color:'.$tag_txt_clr.'">'.$tag.'</span>';
                                                            }

                                        $output .= '
                                                        </div>
                                                    </a>
                                                    <div class="content">
                                                        <a href="'.get_permalink().'">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '<ul class="meta-icons">
                                                        <li  class="custom_add_to_cart "><a href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />

                                                         <li><a href="'.get_permalink().'"><i class="fa fa-tags" aria-hidden="true"></i></a></li>


                                                        </ul>

                                                    </div>
                                                </div>
                                            </div>

                                            ';

                                }


                            if($woo_style == 'product-item-2'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-2.r'.$unq.' .thumb .img-wrapper{background-image: url("'.$woo_product_img[0].'")!important;} .awavc-product-item-2:hover.r'.$unq.' .thumb .img-wrapper{background-image: url("'.$link.'")!important;}.awavc-product-item-2:hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-2 .meta-extra .meta-icons li a:hover{background-color: '.$hvr_clr.'!important;}.r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .content{height:100px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-2 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper"></div>
                                                        </a>';

                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="background:'.$hvr_clr.'; color:'.$tag_txt_clr.'">'.$tag.'</span>';                                                    }

                                        $output .= '    <div class="meta-extra">
                                                            <ul class="meta-icons">
                                                                <li><a href="'.get_permalink().'"><i class="fa fa-tags" aria-hidden="true"></i></a></li>

                                                                <li  class="custom_add_to_cart "><a href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />

                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="content">
                                                        <a href="'.get_permalink().'">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                    </div>
                                                </div>
                                            </div>

                                            ';

                                }

                            if($woo_style == 'product-item-3'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-3.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-3.r'.$unq.' .meta-extra .meta-icons li a:hover{background-color: '.$hvr_clr.'!important;}.r'.$unq.' del span{font-size:'.$del_price_size.'px;}.awavc-product-item-3.r'.$unq.' .thumb{height: '.$image_height.'px!important;}.r'.$unq.' .content{height:200px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-3 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img style="height:'.$image_height.'px" src="'.$woo_product_img[0].'" alt="">
                                                            </div>
                                                        </a>';

                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="background:'.$hvr_clr.'; color:'.$tag_txt_clr.'">'.$tag.'</span>';
                                                            }

                                        $output .= '
                                                        <div class="meta-extra">
                                                            <ul class="meta-icons">
                                                                <li>
                                                                    <a href="'.get_permalink().'">
                                                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="content">
                                                        <a href="'.get_permalink().'">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;



                                        $output .= ''.$ratting.$esy.'

                                                        <li  class="custom_add_to_cart" style="list-style:none;"><a class="addtocart" href="'.$current_url.'?add-to-cart='.$id.'" style="color:'.$cart_txt_clr.';background:'.$cart_bg.';"><i class="fa fa-shopping-cart" aria-hidden="true"></i>Add To Cart</a></li>
                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />
                                                    </div>
                                                </div>
                                            </div>

                                            ';

                                }

                        if($woo_style == 'product-item-4'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-5.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-5.r'.$unq.' .meta-extra .meta-icons li a:hover{background-color: '.$hvr_clr.'!important;}.r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.r'.$unq.' .content{height:125px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-4 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img style="height:'.$image_height.'px" src="'.$woo_product_img[0].'" alt="">
                                                            </div>
                                                        </a>';

                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="background:'.$hvr_clr.'; color:'.$tag_txt_clr.'">'.$tag.'</span>';
                                                            }

                                        $output .= '
                                                        <div class="meta-extra">
                                                            <ul class="meta-icons">

                                                                <li>
                                                                    <a href="'.get_permalink().'">
                                                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                                                    </a>
                                                                </li>
                                                                <li  class="custom_add_to_cart "><a href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="content">
                                                        <a href="#">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                    </div>
                                                </div>
                                            </div>

                                            ';

                                }

                        if($woo_style == 'product-item-5'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-5.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-5.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.r'.$unq.' .addcart a:hover {color:'.$hvr_clr.'!important;}.r'.$unq.' .content{height:125px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-5 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img style="height:'.$image_height.'px" src="'.$woo_product_img[0].'" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.'">'.$tag.'</span>';
                                                            }
                                        $output .= '
                                                    </div>
                                                    <div class="content">
                                                        <a href="'.get_permalink().'">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                        <li class="custom_add_to_cart addcart" style="list-style:none;"><a  class="addcart" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"></i></a></li>

                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />
                                                    </div>
                                                </div>
                                            </div>

                                            ';

                                }
                        if($woo_style == 'product-item-6'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-6.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-6.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-6.r'.$unq.' .meta-infos li a:hover {background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.awavc-product-item-6.r'.$unq.' .thumb .tag:after{border-top: 20px solid '.$tag_bg.'!important;}.awavc-product-item-6.r'.$unq.' .thumb .tag {background:'.$tag_bg.'!important;}.r'.$unq.' .content{height:125px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-6 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img style="height:'.$image_height.'px" src="'.$woo_product_img[0].'" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';">'.$tag.'</span>';
                                                            }
                                        $output .= '
                                                        <ul class="meta-infos">
                                                            <li class="custom_add_to_cart" style="list-style:none;"><a  class="addcart" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"></i></a></li>

                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />

                                                            <li>
                                                                <a href="'.get_permalink().'">
                                                                    <i class="fa fa-eye"></i>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <a><li class="custom_add_to_cart" style="list-style:none;"><a  class="addtocart" style="background:'.$cart_bg.'!important; color:'.$cart_txt_clr.'!important;" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"></i> Add To Cart</a></li>
                                                    <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />  </a>
                                                    </div>
                                                    <div class="content">
                                                        <a href="'.get_permalink().'">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                    </div>
                                                </div>


                                                </div>

                                            ';

                                }


                                if($woo_style == 'product-item-7'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-7.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-7.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-7.r'.$unq.' .meta-infos li a:hover {background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.awavc-product-item-7.r'.$unq.' .meta-infos li a:hover{color: '.$hvr_clr.'!important;}.r'.$unq.' .content{height:140px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-7 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img style="height:'.$image_height.'px" src="'.$woo_product_img[0].'" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';background:'.$tag_bg.'!important;">'.$tag.'</span>';
                                                            }
                                        $output .= '</div>
                                                    <div class="content">
                                                        <div class="top-content">
                                                            <a href="'.get_permalink().'">
                                                                <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                            </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                            '.$ratting.$esy.'
                                                        </div>
                                                        <div class="bottom-content">
                                                            <ul class="meta-infos">
                                                                <li class="custom_add_to_cart" style="list-style:none;"><a  class="addcart" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"></i></a></li>

                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />

                                                                <li>
                                                                    <a href="'.get_permalink().'">
                                                                        <i class="fa fa-eye"></i>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>

                                                </div>


                                                </div>

                                            ';

                                }

                            if($woo_style == 'product-item-8'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-8.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-8.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-8.r'.$unq.' .btn-wrapper li .addcartbtn{background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;color:'.$cart_txt_clr.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.awavc-product-item-7.r'.$unq.' .meta-infos li a:hover{color: '.$hvr_clr.'!important;}.r'.$unq.' .content{height:130px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-8 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img style="height:'.$image_height.'px" src="'.$woo_product_img[0].'" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';background:'.$tag_bg.'!important;">'.$tag.'</span>';
                                                            }
                                        $output .= '<div class="btn-wrapper">

                                                            <li class="custom_add_to_cart" style="list-style:none;"><a  class="addcartbtn" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true" > <strong>Add To Car</strong></i></a></li>

                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />
                                                        </div>
                                                    </div>
                                                    <div class="content">
                                                        <a href="'.get_permalink().'">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                    </div>

                                                </div>


                                                </div>

                                            ';

                                }

                            if($woo_style == 'product-item-9'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-11.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-11.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-11.r'.$unq.' .btn-wrapper li .addcartbtn{background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;color:'.$cart_txt_clr.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.awavc-product-item-11.r'.$unq.' .meta-infos li a:hover{background-color: '.$hvr_clr.'!important;}.awavc-product-item-11.r'.$unq.' .img-wrapper.bg-2 {background-image: url("'.$woo_product_img[0].'")!important;}.awavc-product-item-11.r'.$unq.' .bg-2.img-wrapper::after {background-image: url("'.$link.'")!important;}.r'.$unq.' .content{height:130px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-11 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper bg-2">

                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';background:'.$tag_bg.'!important;">'.$tag.'</span>';
                                                            }
                                        $output .= '
                                                        <div class="meta-lists">
                                                            <ul class="meta-infos">
                                                                <li>
                                                                    <a href="'.get_permalink().'">
                                                                        <i class="fa fa-eye"></i>
                                                                    </a>
                                                                </li>
                                                                <li class="custom_add_to_cart" style="list-style:none;"><a  class="addcart" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"></i></a></li>

                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="content">
                                                        <a href="'.get_permalink().'">
                                                            <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                        </a>
                                                        <div class="meta-detailss">
                                                            '.$ratting.$esy.' ';


                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                        </div>

                                                    </div>

                                                </div>


                                            </div>

                                            ';

                                }

                            if($woo_style == 'product-item-10'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-12.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-12.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-12.r'.$unq.' .bottom-content a.shopnow{background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;color:'.$cart_txt_clr.'!important;}.awavc-product-item-12.r'.$unq.' .bottom-content a.shopnow:hover{background-color: '.$hvr_clr.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.awavc-product-item-12.r'.$unq.' .meta-infos li a:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-12.r'.$unq.' .img-wrapper.bg-2 {background-image: url("'.$woo_product_img[0].'")!important;}.awavc-product-item-12.r'.$unq.' .bg-2.img-wrapper::after {background-image: url("'.$link.'")!important;}.r'.$unq.' .content{height:140px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-12 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img src="'.$woo_product_img[0].'" class="img-1" alt="">
                                                                <img src="'.$link.'" class="img-2" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';background:'.$tag_bg.'!important;">'.$tag.'</span>';
                                                            }
                                        $output .= '
                                                    </div>
                                                    <div class="content">
                                                        <div class="top-content">
                                                            <a href="'.get_permalink().'">
                                                                <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                            </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                            <div class="meta-detailss">
                                                                '.$ratting.$esy.'
                                                            </div>
                                                        </div>
                                                        <div class="bottom-content">

                                                            <a href="'.get_permalink().'" class="shopnow">Shop Now</a>

                                                            <div class="meta-lists">
                                                                <ul class="meta-infos">
                                                                    <li>
                                                                        <a href="'.get_permalink().'">
                                                                            <i class="fa fa-eye"></i>
                                                                        </a>
                                                                    </li>
                                                                    <li class="custom_add_to_cart" style="list-style:none;"><a  class="addcart" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"></i></a></li>

                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />

                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>


                                            </div>

                                            ';

                                }

                            if($woo_style == 'product-item-11'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-13.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-13.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-13.r'.$unq.' .bottom-content a.shopnow{background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;color:'.$cart_txt_clr.'!important;}.awavc-product-item-13.r'.$unq.' .bottom-content a.shopnow:hover{background-color: '.$hvr_clr.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.awavc-product-item-13.r'.$unq.' .meta-infos a{background-color: '.$cart_bg.'!important;}.awavc-product-item-13.r'.$unq.' .meta-infos li a:hover{background-color: '.$hvr_clr.'!important;}.awavc-product-item-13.r'.$unq.' .img-wrapper.bg-2 {background-image: url("'.$woo_product_img[0].'")!important;}.awavc-product-item-13.r'.$unq.' .bg-2.img-wrapper::after {background-image: url("'.$link.'")!important;}.awavc-product-item-13 .content .bottom-content{ transform: translateY(115px)!important;}.awavc-product-item-13:hover .content .bottom-content {transform: translateY(0px)!important;}.r'.$unq.' .content{height:140px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-13 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img src="'.$woo_product_img[0].'" class="img-1" alt="">
                                                                <img src="'.$link.'" class="img-2" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';background:'.$tag_bg.'!important;">'.$tag.'</span>';
                                                            }
                                        $output .= '
                                                        <div class="meta-lists">
                                                            <ul class="meta-infos">
                                                                <li>
                                                                    <a href="'.get_permalink().'">
                                                                        <i class="fa fa-eye"></i>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="'.get_permalink().'">
                                                                        <i class="fa fa-cart-plus"></i>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="content">
                                                        <div class="top-content">
                                                            <a href="'.get_permalink().'">
                                                                <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                            </a>';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                            <div class="meta-detailss">
                                                                '.$ratting.$esy.'
                                                            </div>
                                                        </div>
                                                        <div class="bottom-content">
                                                            <li class="custom_add_to_cart" style="list-style:none;"><a  class="shopnow" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"> Add To Cart</i></a></li>

                                                        <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                        <input type="hidden" name="variation_id" class="variation_id" value="0" />
                                                        </div>
                                                    </div>

                                                </div>


                                            </div>

                                            ';

                                }

                            if($woo_style == 'product-item-12'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-14.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-14.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-14.r'.$unq.' .bottom-content a.shopnow{background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;color:'.$cart_txt_clr.'!important;}.awavc-product-item-14.r'.$unq.' .bottom-content a.shopnow:hover{background-color: '.$hvr_clr.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.r'.$unq.' .thumb .tag{border-color:'.$tag_txt_clr.'!important;}.awavc-product-item-14.r'.$unq.' .meta-infos li a:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-14.r'.$unq.' .img-wrapper.bg-2 {background-image: url("'.$woo_product_img[0].'")!important;}.awavc-product-item-14.r'.$unq.' .bg-2.img-wrapper::after {background-image: url("'.$link.'")!important;}.awavc-product-item-14 .content .bottom-content{ transform: translateY(115px)!important;}.awavc-product-item-14:hover .content .bottom-content {transform: translateY(0px)!important;}.r'.$unq.' .content{height:130px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-14 r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img src="'.$woo_product_img[0].'" class="img-1" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';background:'.$tag_bg.'!important;">'.$tag.'</span>';
                                                            }
                                        $output .= '
                                                    </div>
                                                    <div class="content">
                                                        <div class="top-content">';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                            <div class="meta-detailss">
                                                                '.$ratting.$esy.'

                                                            </div>
                                                            </div>
                                                            <a href="'.get_permalink().'">
                                                                <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                            </a>
                                                        </div>
                                                        <div class="bottom-content">


                                                                <ul class="meta-infos">

                                                                    <li class="custom_add_to_cart" style="list-style:none;"><a  class="shopnow" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"> Add To Cart</i></a></li>
                                                            <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                            <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                            <input type="hidden" name="variation_id" class="variation_id" value="0" />

                                                                    <li>
                                                                        <a href="'.get_permalink().'">
                                                                            <i class="fa fa-eye"></i>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                        </div>
                                                    </div>

                                                </div>




                                            ';

                                }

                                if($woo_style == 'product-item-13'){
                                $unq = rand(9,9999);
                                $output .= '<style>.awavc-product-item-15.r'.$unq.':hover .content .title{color:'.$hvr_clr.'!important;}.awavc-product-item-15.r'.$unq.' .meta-extra .content .addcart:hover{color: '.$hvr_clr.'!important;}.awavc-product-item-15.r'.$unq.' .bottom-content a.shopnow{background-color: '.$cart_bg.'!important;border-color: '.$cart_bg.'!important;color:'.$cart_txt_clr.'!important;}.awavc-product-item-15.r'.$unq.' .bottom-content a.shopnow:hover{background-color: '.$hvr_clr.'!important;} .r'.$unq.' del span{font-size:'.$del_price_size.'px;}.awavc-product-item-15.r'.$unq.' .meta-infos li a{background-color: '.$cart_bg.'!important;}.awavc-product-item-15.r'.$unq.' .meta-infos li a:hover{background-color: '.$hvr_clr.'!important;}.r'.$unq.' .content{height:230px}</style>';

                                $output .= '<div class="mg-col-md-'.$col_num.' mg-col-sm-6 mg-col-xs-12" style="margin-bottom:'.$pd_btm.'px">
                                                <div class="awavc-product-item-15  r'.$unq.'">
                                                    <div class="thumb">
                                                        <a href="'.get_permalink().'">
                                                            <div class="img-wrapper">
                                                                <img src="'.$woo_product_img[0].'" class="img-1" alt="">
                                                            </div>
                                                        </a>';
                                                            if(!empty($tag)){
                                                               $output .= '<span class="tag" style="b:'.$hvr_clr.'; color:'.$tag_txt_clr.';background:'.$tag_bg.'!important;">'.$tag.'</span>';
                                                            }
                                        $output .= '
                                                    <ul class="meta-infos">
                                                        <li>
                                                            <a href="'.get_permalink().'">
                                                                <i class="fa fa-eye"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    </div>
                                                    <div class="content">
                                                        <div class="top-content">';

                                        if ( $price_html = $product->get_price_html() ) :
                                            $output .= '<span class="price" style="color:'.$price_clr.';font-size:'.$price_size.'px;">'. $price_html .'</span>';

                                        else:
                                            $output .= '<span class="price" style="font-size:'.$price_size.'px;"><a onMouseOver="this.style.color=\''.$ttl_clr.'\'"
    onMouseOut="this.style.color=\''.$hvr_clr.'\'"  href="'.get_permalink().'" style="color:'.$hvr_clr.';">Shop Now</a></span>';
                                        endif;


                                        $output .= '
                                                            <div class="meta-detailss">
                                                                '.$ratting.$esy.'
                                                            </div>
                                                            <a href="#">
                                                                <h4 class="title" style="color:'.$ttl_clr.';font-size:'.$ttl_size.'px;">'.get_the_title().'</h4>
                                                            </a>
                                                        </div>
                                                        <div class="bottom-content">
                                                            <li class="custom_add_to_cart" style="list-style:none;"><a  class="shopnow" href="'.$current_url.'?add-to-cart='.$id.'"><i class="fa fa-cart-plus" aria-hidden="true"> Add To Cart</i></a></li>
                                                            <input type="hidden" name="add-to-cart" value="'.absint($product->get_id()).'" />
                                                            <input type="hidden" name="product_id" value="'.absint($product->get_id()).'" />
                                                            <input type="hidden" name="variation_id" class="variation_id" value="0" />

                                                        </div>
                                                    </div>

                                                </div>

                                                </div>




                                            ';

                                }

                            endwhile;

                    }
                    
                    $product_slider_id++;
                    wp_reset_postdata();
                    
                    return $output;
                }

                add_shortcode( 'awavc_woo_products', 'awavc_woo_product_shortcode' );