Artykuł pochodzi z serwisu DiviHelp Artykuł powstał na potrzeby mojego starego serwisu DiviHelp. Ponieważ przestałem go rozwijać – przeniosłem archiwalne artykuły na blog prywatny..

Umieszczając slider na stronie możesz chcieć, żeby nie tylko przycisk „czytaj dalej” przenosił do linku – ale cała zawartość slidera.

Niestety nie można tutaj użyć funkcji „Link” dostępnej w każdym module, ponieważ tam ustalasz tylko jeden odnośnik. A w sliderze zazwyczaj chcemy, żeby każdy slajd przenosił do innego adresu.

W tym celu trzeba dołożyć do serwisu odrobinę kodu JS.

Slider z postami

Slider z postami umożliwia pokazanie na naszej stronie w sposób atrakcyjny ostatnich lub promowanych wpisów. Aby umożliwić linkowanie całego slidera a nie tylko przycisku „czytaj dalej” – musisz umieścić poniższy kod (instrukcja umieszczania na końcu postu). Pamiętaj aby w opcjach slidera zaznaczyć „pokaż przycisk czytaj dalej”.

<!– Slider z postami – całość jako link –>
<script>
jQuery(function($){
$(‚.et_pb_post_slider .et_pb_slide’).click(function(){
var url=$(this).find(‚.et_pb_more_button’).attr(‚href’);
if (url) {
document.location = url;
}
});
});
</script>

Slider Promocyjny

Slider promocyjny jest wrzucany zazwyczaj na samą górę serwisu i przedstawia czy to zalety produktu, czy najważniejsze atuty firmy. Aby cały slider działał jako link – po skonfigurowaniu jego wyglądu należy umieścić poniższy kod:

<!– Slider – całość jako link –>
<script>
jQuery(function($){
$(‚.et_pb_slides .et_pb_slider_container_inner’).click(function(){
var url=$(this).find(‚.et_pb_more_button’).attr(‚href’);
if (url) {
document.location = url;
}
});
});
</script>