Как сделать бекграунд кликабельным?

[Alx909]

Добрый день уважаемые форумчане, возник вопрос как сделать бекграунд кликабельным?  Я так понимаю что нужно обернуть ссылку в div, но вот куда вставлять не знаю,

Version 2.1.0.1 (rs.2)

Шаблон: ShopStore

Сайт с примером https://www.timecode.ru   Сайт на который пытаюсь сделать кликабельный бекграунд http://on-timewatch.ru

 

[mazein]

onclick="document.location = 'ссылка';"

[dexteron]

Тут нужно добавить отдельные блоки div (слева и справа от основного контента) и при клике через js менять url. Как это сделано на сайте https://www.timecode.ru/

<div id="clickable_bg_left" onclick="document.location = 'https://www.timecode.ru/timex';" style="width: 82px; height: 4771px;"></div>
<div id="clickable_bg_right" onclick="document.location = 'https://www.timecode.ru/timex';" style="width: 82px; height: 4771px;"></div>

Посмотрите через инструменты разработчика Chrome. Да, еще один момент. Для того чтобы эти блоки боковые подстраивались под ширину экрана нужно добавить:

Скрытый текст

<script>
    function SetBGsize(){
        var container_width  = parseInt($('body').width());
        var container_height = parseInt($('body').height());

        if(container_width>=1100) {
            $('#clickable_bg_left').css('width',(container_width-1100)/2+'px');
            $('#clickable_bg_right').css('width',(container_width-1100)/2+'px');
        }else{
            $('#clickable_bg_left').css('width','0px');
            $('#clickable_bg_right').css('width','0px');
        }

        $('#clickable_bg_left').css('height',container_height+'px');
        $('#clickable_bg_right').css('height',container_height+'px');
    }

    $(window).resize(function () {
        SetBGsize();
    });

    $(document).ready(function() {
        SetBGsize();
    });
</script>

 

 

Код взят из сайта-примера. Возможно, его нужно подогнать под себя. Но логика такая.

 

Еще, конечно, зависит от того какой именно фон вы хотите сделать кликабельным. Если только левую и правую часть как на сайте-примере то решение выше я описал.

Если полностью сделать кликабельным фон (т.е. любой видимый пиксель фона body) - решение тут нужно другое.

[Alx909]

Сложность в том куда ставить эти коды? Именно для данного шаблона. Понимаю что уже это тянет на платную доработку, но все же не ужели никто не делал у себя в магазине такое? Уважаемый dexteron, помогите разобраться в этом вопросе, готов обсудить ваше предложение пусть даже на платной основе.