• Как сделать переключение фото в карточке товара?

    @Toxic_kitten Автор вопроса
    Максим, Так вот мне нужно добавить какую нибудь ссылку в тег а, чтобы основное фото переключалось засчет стрелочек. А пока я смог добиться того что засунул стрелочки в нужное место. Теперь нужно догадаться как сделать ссылку. Вот пример ссылки которая открывает основное фото на весь экран {$wa->shop->productImgUrl($product, $size)}
  • Как сделать переключение фото в карточке товара?

    @Toxic_kitten Автор вопроса
    Максим, Я немного разобрался и изменил код, это сильно не помогло, но сейчас расскажу подробнее чтобы было понятно что я хочу.
    В общем у меня есть файл product.gallery.html, в нем написан код карточки товара, например этой В карточке есть основное фото и внизу несколько маленьких фото, при нажатии на которые переключается главное фото. Мне нужно добавить стрелочки переключения для основного фото, то есть такая же "механика" как и у маленьких фото, но только за счет нажатия на эти стрелочки.
    Вот скрин с кодом основного фото и стрелочек 64c3aa3c4be2a147826992.jpeg
    А вот код нижних маленьких фоток
    64c3aa6aa6d42176185168.jpeg
    Надеюсь так будет понятнее)
  • Как сделать переключение фото в карточке товара?

    @Toxic_kitten Автор вопроса
    Максим, Мне нужно было добавить стрелочки переключения в нужный файл на сайте, я написал данный код и мне осталось только сделать так чтобы эти стрелки работали. Я пробовал написать ссылки через атрибут href у тегов a, а также скопировать код с других страниц на моем на сайте, но ничего не вышло. Так как нужно написать "шаблонную" ссылку, чтобы она работала на всех карточках товара, а это можно сделать только с помощью js или smarty.
    Также я пытался сделать с помощью атрибутов uk-slidenav-previous и uk-slidenav-next так как на моем сайте используется UIkit 3, но это тоже не помогло.
    Я понимаю что нужно поконкретней, но скидывать скрины и части кода я могу до бесконечности. Поэтому если у вас есть вариант как решить мою проблему, попросите то что вас интересует. А не оценивайте подачу вопроса)
  • Gulp не видит картинку?

    @Toxic_kitten Автор вопроса
    Заработало только когда написал точное название картинки
    Было:
    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/style.min.css">
        <title>Gulp</title>
      </head>
      <body>
        @@include('_header.html')
        <main class="main">
           <img src="img/image.jpg" alt="">
        </main>
        <script type="text/javascript" src="js/script.min.js"></script>
      </body>
    </html>

    Изменил:
    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/style.min.css">
        <title>Gulp</title>
      </head>
      <body>
        @@include('_header.html')
        <main class="main">
           <img src="img/cat.jpg" alt="">
        </main>
        <script type="text/javascript" src="js/script.min.js"></script>
      </body>
    </html>
  • Gulp не видит картинку?

    @Toxic_kitten Автор вопроса
    Поменял так как ты написал все равно ошибка: Failed to load resource: the server responded with a status of 404 (Not Found)
  • Что не так с gulp?

    @Toxic_kitten Автор вопроса
    Роман, я нашел способ исправить ошибку просто перед запуском gulp нужно закрыть папку dist в редакторе и все будет работать
  • Что не так с gulp?

    @Toxic_kitten Автор вопроса
    Роман, точнее так же работает через раз но уже лучше
  • Что не так с gulp?

    @Toxic_kitten Автор вопроса
    Роман, сделал как ты написал все равно такая же ошибка
  • Что не так с gulp?

    @Toxic_kitten Автор вопроса
    Привет, спасибо за помощь! А как это сделать?
    Я попробовал переставить вот так:
    let path = {
      clean: "./" + project_folder + "/",
      build: {
        html: project_folder +"/",
        css: project_folder +"/css/",
        js: project_folder +"/js/",
        img: project_folder +"/img/",
        fonts: project_folder +"/fonts/",
      },
      watch: {
        html: source_folder +"/**/*.html",
        css: source_folder +"/scss/**/*.scss",
        js: source_folder +"/js/**/*.js",
        img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
      },
      src: {
        html: [source_folder +"/*.html", "!" + source_folder +"/_*.html"],
        css: source_folder +"/scss/style.scss",
        js: source_folder +"/js/script.js",
        img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
        fonts: source_folder +"/fonts/*.ttf",
      },
    }

    но все равно ошибка:
    PS C:\Users\User\Desktop\fls-gulp> gulp
    [13:28:40] Using gulpfile ~\Desktop\fls-gulp\gulpfile.js
    [13:28:40] Starting 'default'...
    [13:28:40] Starting 'watchFiles'...
    [13:28:40] Starting 'browserSync'...
    [13:28:40] Starting 'clean'...
    [13:28:40] Finished 'clean' after 242 ms
    [13:28:40] Starting 'js'...
    [13:28:40] Starting 'css'...
    [13:28:40] Starting 'html'...
    [13:28:40] Starting 'images'...
    [Browsersync] Access URLs:
    --------------------------------------
    Local: localhost:3000
    External: 192.168.0.103:3000
    --------------------------------------
    UI: localhost:3001
    UI External: localhost:3001
    --------------------------------------
    [Browsersync] Serving files from: ./dist/
    [13:28:40] 'js' errored after 298 ms
    [13:28:40] Error: EPERM: operation not permitted, mkdir 'C:\Users\User\Desktop\fls-gulp\dist\js'
    [13:28:40] 'default' errored after 553 ms
    И исчезает папка dist
  • Что не так с gulp?

    @Toxic_kitten Автор вопроса
    Данила, а как это сделать в редакторе?