▼テンプレート
[EC-CUBE] 4.1.2
[導入プラグインの有無] なし
[カスタマイズの有無] 無
[現象]
app/template/default/index.twig を書き換えしたら、TOPページが表示されない（真っ白）ようになってしまいました。
元の状態に直そうしたいのですが、下記の内にしても直りません。間違っているでしょうか。



{% set body_class = 'front_page' %}

{% block stylesheet %}
<style>
.slick-slider {
margin-bottom: 30px;
}

.slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}

.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;

cursor: pointer;
}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}

.slick-dots li button:before {
content: " ";
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 12px;
text-align: center;
opacity: .25;
background-color: black;
border-radius: 50%;

}

.slick-dots li.slick-active button:before {
opacity: .75;
background-color: black;
}

.slick-dots li button.thumbnail img {
width: 0;
height: 0;
}
</style>
{% endblock %}

{% block javascript %}
<script>
$(function() {
$('.main_visual').slick({
dots: true,
arrows: false,
autoplay: true,
speed: 300
});
});
</script>
{% endblock javascript %}

{% block main %}

{% endblock %}