Если вы хотите, чтобы ваши изображения отображались только в выбранном макете и не хотите увеличивать изображения, вы можете отключить средство просмотра больших изображений с помощью переопределения CSS/HTML/скрипта.
Найдите соответствующий код:
- Скопируйте весь скрипт, упомянутый ниже. Это будет работать на всех макеты сетки.
<script type='text/javascript'>
$(document).ready(function () {
setInterval(function(){
$('.stage-spacing .grid-item').removeClass('js-grid-item');
}, 1000);
});
</script>
<style>
#photo-gallery .grid .grid-item {
cursor: inherit;}
</style>
- Скопируйте весь скрипт, упомянутый ниже. Это будет работать на вертикальный слайдер и подробный макет вертикального слайдера.
<script type='text/javascript'>
$(document).ready(function () {
setInterval(function(){
$('.stage-spacing .slideshow-item').removeClass('js-slideshow-item');
}, 1000);
});
</script>
<style>
@media screen and (min-width: 1024px){
.vert-slideshow .slideshow-item img {
cursor:inherit !important;
}}
</style>
- Скопируйте весь скрипт, упомянутый ниже. Это будет работать на макет с одним изображением.
<script type='text/javascript'>
$(document).ready(function () {
setInterval(function(){
$('.stage-spacing .lslide').removeClass('js-slideshow-item');
}, 1000);
});
</script>
<style>
.light-slider .lslide img { cursor:inherit !important;}
</style>
- Скопируйте весь скрипт, упомянутый ниже. Это будет работать на слайдер и слайдер с прокруткой макета изображения.
<script type='text/javascript'>
$(document).ready(function () {
setInterval(function(){
$('.stage-spacing .list-active').removeClass('js-slideshow-item');
}, 1000);
});
</script>
<style>
@media screen and (min-width: 1024px){
.slidee li.list-active {
cursor:inherit !important;
}}
</style>
Выполните следующие шаги, чтобы применить код:
- Скопировав соответствующий код, перейдите к Настройки (1).
- В Внешние скрипты (2), вставьте код в раздел (3).
- Хит Сохранить (4) кнопка сохранения изменений в студии.
Теперь обновите сайт, чтобы просмотреть изменения на действующем сайте.