Ответы пользователя по тегу JavaScript
  • Как в owl carousel вывести точек столько, сколько слайдов?

    glossyweb
    @glossyweb
    Mark marketing
    Во первых там 12 элементов (слайдов) на сайте.
    Во вторых на экране поменьше появляются кнопки слайдера, на полном экране нету.
    Во третьих добавьте items: и тогда точки пагинации будут соответствовать количеству слайдов, а на данынй момент карусель блоками идет.
    Ответ написан
  • Как называется данная адаптация?

    glossyweb
    @glossyweb
    Mark marketing
    Как показывает практика, что у заказчика всегда будет какойто такой девайс который с твоими выставленными % будет выглядеть криво.
    Чисто жесткие меда запросы к расширению экрана, иначе никак.
    Ответ написан
    Комментировать
  • Google Maps, как сделать такой фон?

    glossyweb
    @glossyweb
    Mark marketing
    https://mapstyle.withgoogle.com/ - вот тут можно что хотите сделать с гугл картой
    Ответ написан
    Комментировать
  • Как сделать подобный input с кнопкой?

    glossyweb
    @glossyweb
    Mark marketing
    https://developer.mozilla.org/en-US/docs/Web/API/D...
    вот функция.
    var copyTextareaBtn = document.querySelector('.js-textareacopybtn');
    
    copyTextareaBtn.addEventListener('click', function(event) {
      var copyTextarea = document.querySelector('.js-copytextarea');
      copyTextarea.select();
    
      try {
        var successful = document.execCommand('copy');
        var msg = successful ? 'successful' : 'unsuccessful';
        console.log('Copying text command was ' + msg);
      } catch (err) {
        console.log('Oops, unable to copy');
      }
    });
    <p>
      <button class="js-textareacopybtn" style="vertical-align:top;">Copy Textarea</button>
      <textarea class="js-copytextarea">Hello I'm some text</textarea>
    </p>
    Ответ написан
    3 комментария
  • Вывод картинок к категориям на главной странице?

    glossyweb
    @glossyweb
    Mark marketing
    1. Подключим модель обработки изображения. Занесем в массив вывода меню, изображения.
    Путь: catalog/controller/common/header.php
    Действия: Открываем файл для редактирования, нажмем на клавиатуре CTRL + F, откроется окно для быстрого поиска по файлу.
    Нам нужна строка

    $this->load->model('extension/extension');

    сразу после нее вставляем

    $this->load->model('tool/image');

    мы подключили модель обработки изображения.
    Теперь нам нужно найти перебор массива, ищем строку

    foreach ($categories as $category) {

    В этом переборе есть два нужных нам массива, один для гланвых пунктов меню и другой для дочерних.

    Это массив главных категорий
    $data['categories'][] = array(
    'name' => $category['name'],
    //Подключить вывод изображения
    'thumb' => $this->model_tool_image->resize($category['image'], $this->config->get('config_image_category_width'), $this->config->get('config_image_category_height')),
    //
    'children' => $children_data,
    'column' => $category['column'] ? $category['column'] : 1,
    'href' => $this->url->link('product/category', 'path=' . $category['category_id'])
    );

    Это массив дочерних категорий

    $children_data[] = array(
    'name' => $child['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''),
    //Подключить вывод изображения
    'thumb' => $this->model_tool_image->resize($child['image'], $this->config->get('config_image_category_width'), $this->config->get('config_image_category_height')),
    //
    'href' => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
    );

    Строку thumb я добавил, она и отвечает за вывод. Вы спросите откуда берется размер генерируемой иконки - из админки, в настройках во вкладке изображения "Размер изображения в списке категорий".

    Так же можно самому указать ширину и высоту, вот пример для дочерней категории:
    $this->model_tool_image->resize($child['image'], 20, 20),
    Обратите внимание переменная $child - это дочерняя, а $category - родительская категория.

    2. Вывод переменно в шаблон.

    Путь: catalog/view/theme/*/common/header.tpl

    Действия: Открываем файл для редактирования, нажмем на клавиатуре CTRL + F, откроется окно для быстрого поиска по файлу. Нам нужна строка

    <?php if ($categories) { ?>

    href' => $this->url->link('product/category', 'path=' . $category['category_id'])
    );

    Это массив дочерних категорий

    $children_data[] = array(
    'name' => $child['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''),
    //Подключить вывод изображения
    'thumb' => $this->model_tool_image->resize($child['image'], $this->config->get('config_image_category_width'), $this->config->get('config_image_category_height')),
    //
    'href' => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
    );

    Строку thumb я добавил, она и отвечает за вывод. Вы спросите откуда берется размер генерируемой иконки - из админки, в настройках во вкладке изображения "Размер изображения в списке категорий".

    Так же можно самому указать ширину и высоту, вот пример для дочерней категории:
    $this->model_tool_image->resize($child['image'], 20, 20),
    Обратите внимание переменная $child - это дочерняя, а $category - родительская категория.

    2. Вывод переменно в шаблон.

    Путь: catalog/view/theme/*/common/header.tpl

    Действия: Открываем файл для редактирования, нажмем на клавиатуре CTRL + F, откроется окно для быстрого поиска по файлу. Нам нужна строка

    <?php if ($categories) { ?>
    "/>
    Ответ написан
    1 комментарий