영카트 쇼핑몰 메인슬라이드 클릭 부분을 구현하고 싶습니다.

글자로 클릭 하는게 보기가 안좋아서 이미지 를 직접 클릭 하면 이동하려고 하는데

조언좀 주시면 감사 하겠습니다.

<div class="main-slider-<?php echo $es_code; ?>">
    <?php /* eb슬라이더 */ ?>
    <div class="main-slider-inner">
        <div class="main-slider-list">
        <?php if (is_array($slider)) { ?>
            <?php foreach ($slider as $k => $item) { ?>
            <div class="item item-<?php echo $k + 1 ?>">
                <div class="item-image" style="background-image:url(<?php echo $item['src_1']?>)">
                    <img src="<?php echo $item['src_2']?>" alt="image" class="img-responsive visible-xs">
                </div>
                
                <div class="container">
                    <div class="item-content">
                        <?php if ($item['ei_title']) { ?>
                        <h5 class="en-font"><?php echo $item['ei_title']?></h5>
                        <?php } ?>
                        <?php if ($item['ei_subtitle']) { ?>
                        <h4 class="en-font"><?php echo $item['ei_subtitle']?></h4>
                        <?php } ?>
                        <?php if ($item['ei_text']) { ?>
                        <p><?php echo $item['ei_text'] ?></p>
                        <?php } ?>
                        <?php if ($item['href_1']) { ?>
                        <div class="btn-more en-font"><a href="<?php echo $item['href_1']; ?>" target="<?php echo $item['target_1']; ?>">More View</a></div>
                        <?php } ?>
                    </div>
                </div>

메인 슬라이더가 표시 되는 부분 입니다.