{debug}

<style>

	.whmpress_domain_price_list.whmpress.simple-01 ul li {
		background-image: url("https://images.unsplash.com/photo-1527352675495-d54e8f102689?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80");
		padding: 0;
		border-radius: 12px;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 4px;
		overflow: hidden;
	}
	.whmpress_domain_price_list.whmpress.simple-01 ul li a {
		padding: 0;
		background: #c3c52fcc;
		border: none;
		border-radius: 11px;
		/*height: 205px;*/
		/*width: 300px;*/
	}

	.whmpress_domain_price_list.whmpress.simple-01 ul li a span.registration_price {
		border-radius: 0 0 8px 8px;
		background-color: #f7f7f7;
		padding: 10px;
		display: flex;
		align-items: center;
		position: relative;
		overflow: hidden;
		padding-bottom: 19px;
	}
	.whmpress_domain_price_list.whmpress.simple-01 ul li .domain_tld {
		height: 163px;
		position: relative;
	}
	.whmpress_domain_price_list.whmpress.simple-01 ul li a img{
		width: 110px;
		position: absolute;
		left: 28%;
		top: 36%;
	}
	.whmpress_domain_price_list.whmpress.simple-01 ul li a span.registration_price span.domain_tld_value.price_value {
		font-size: 16px;
		color: #444;
		font-weight: 600;
		display: inline-block;
		width: 50%;
	}
	.whmpress_domain_price_list.whmpress.simple-01 ul li a span.registration_price span.price_complete {
		position: absolute;
		font-size: 21px;
		font-weight: 700;
		top: 15px;
		right: -76px;
	}
	.whmpress_domain_price_list.whmpress.simple-01 ul li a span.registration_price span.domain_tld_value.price_value:after {
		content: "domains";
		padding-left: 8px;
	}
	.whmpress_domain_price_list.whmpress.simple-01 ul li a span.registration_price span.domain_tld_value.price_value:before {
		content: "at just";
		font-size: 11px;
		color: #484848;
		position: absolute;
		top: 5px;
		font-weight: 400;
		right: 5px;
	}

	i.fa.fa-angle-right.slick-arrow {
		font-size: 35px;
		border-radius: 8px;
		margin: 0 auto;
		color: #888;
		font-weight: 100;
		cursor: pointer;
		background-color: #fff;
		padding: 18px 12px;
		height: 70px;
		right: 13px;
		position: absolute;
		top: 72px;
	}
	i.fa.fa-angle-left.slick-arrow{
		font-size: 35px;
		border-radius: 8px;
		margin: 0 auto;
		color: #888;
		font-weight: 100;
		cursor: pointer;
		background-color: #fff;
		padding: 18px 12px;
		height: 70px;
		left: 13px;
		position: absolute;
		top: 72px;
		z-index: 99999;
	}
</style>

<div class="whmpress_domain_price_list whmpress simple-01">
    <ul>
        {foreach $data as $domain}
            <li>
                <a {if $params.action_url ne ''} href="{$params.action_url}"{else} href="#"{/if}
                        class="{if $domain.details.promo eq '1'}whmpress_has_tooltip{/if}"
                >
                    {if {$show_promotions|lower eq 'yes'} and {$domain.details.promo eq '1'}}
                        <span class="whmpress_tooltip">
							<strong>{$domain.details.promo_text}</strong><br>
							<span>{$domain.details.promo_details}</span>
						</span>
                    {/if}
                    <span class="domain_tld">
						<span class="domain_tld_title price_title">TLD Text:</span>
						<span class="domain_tld_value price_value"><img src="{$domain.domain_image}"></span>
					</span>
                    <span class="registration_price">
						<span class="domain_tld_value price_value">{$domain.tld}</span>

						<span class="registration_price_value price_value">
                        <span class="price_complete">{$domain.register}</span>
						</span>
					</span>
                    {if {$show_renewal|lower eq 'yes'} and {$domain.renewal ne ''}}
                        <span class="renew_price">
		                <span class="renew_price_title price_title">Renew Price:</span>
		                <span class="renew_price_value price_value">
	                        <span class="price_complete">{$domain.renewal}</span>
		                </span>
					</span>
                    {/if}
                    {if {$show_trasnfer|lower eq 'yes'} and {$domain.transfer ne ''}}
                        <span class="transfer_price">
						<span class="transfer_price_title price_title">Transfer Price:</span>
						<span class="transfer_price_value price_value">
							<span class="price_complete">{$domain.transfer}</span>
						</span>
					</span>
                    {/if}
                </a>
            </li>
        {/foreach}
    </ul>
</div>

<script type="text/javascript">
    /* Default comment here */


    jQuery('.whmpress_domain_price_list.whmpress.simple-01 ul').slick({
        dots: false,
        infinite: false,
        speed: 300,
        slidesToShow: 4,
        slidesToScroll: 4,
        autoplay: true,
        nextArrow: '<i class="fa fa-angle-right" aria-hidden="true"></i>',
        prevArrow: '<i class="fa fa-angle-left" aria-hidden="true"></i>',
        autoplaySpeed: 2000,
        responsive: [
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 3,
                    infinite: true,
                    dots: false,
                }
            },
            {
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }
            // You can unslick at a given breakpoint now by adding:
            // settings: "unslick"
            // instead of a settings object
        ]
    });
    jQuery(document).on('ready',function () {
        jQuery('.whcom_row.whcom_sleek_products .whcom_label_product.whcom_radio').first().addClass('whcom_checked');
    });
</script>