WP-CITY.RU

Недорогой, функциональный сайт или Интернет-магазин — это реально!


Заказать сейчас

Меняем стандартную галерею woocommerce, на flexslider

Всем доброго времени суток, вот решил написать небольшую статейку как без использования всяких плагинов привести в нормальное состояние стандартную галерею woocommerce в карточке товара.
flexslider
Как по мне разработчики магазина упустили этот далеко не маловажный вопросик).
Что нам для этого понадобиться? Совсем немного, поменять пару файлов в нашем шаблоне, в данный момент я говорю про свои темы, если у вас не окажется этих файлов, не проблема можно просто их добавить.

Итак приступим, скачиваем архив с шаблона вот от сюда. Архив
При распаковки архива, в папке будут находится:

FlexSlider.css
FlexSlider.js
product-image.php
product-thumbnails.php

И пара картинок для навигации нашей новой галереи.

Для начала пропишем наши стили и скрипты в нашу тему оформления.
Откройте файл шаблона footer.php после закрывающего тега /bodyподключите наши скрипты и стили.

Внимание! Не забудьте положить скрипт в папку со скриптами, как правило она называется js, а стили в папку со стилями, она может называться css.

Этот текст написан для самых умных «товарищей» которые непременно напишут умный комментарий, что я не правильно подключаю скрипты и стили, да вы правы, но для обычного пользователя и данная процедура очень сложна. А в дальнейшем человек сам сделает как посчитает нужным!

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/FlexSlider.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/FlexSlider.css">>

Далее что вам нужно сделать, это взять файлы product-image.php product-thumbnails.php и положить их в папку с названием Ваша темаwoocommercesingle-product — с заменой ели таковые там есть, если нет то просто добавить! Но не в плагине а именно в вашем шаблоне!

Ну и картинки навигации тоже добавить в папку images вашего шаблона.
Ну вот и все, теперь в нашем магазине нормальная галерея, с прокруткой и без всяких плагинов!
Пишите в комментарии если что, постараюсь помочь.

  1. Евгений (Автор)

    Ссылку на архив обновили!

  2. Anri

    Ссылка на архив битая!!!!!!!

  3. Валера

    Будьте добры, замените ссылку на файл для скачивания !
    Так как на «dropbox.com/u/13777897/galerey.zip» пишет — Файл не найден.
    Судя по отзывам, многие просят вас об этом. Заранее спасибо.

1 2

© 2012–2017 / wp-city.ru / Авторские шаблоны WORDPRESS / Создание сайтов

evgeniy38868     krizisvt@i.ua