Jump to content
Sign in to follow this  
matroskin92

[Поддержка] Верстка, шаблон по вашему макету

Recommended Posts

Верстка, шаблон по вашему макету


Верстка, шаблон по вашему макету


Профессиональная верстка по Вашим макетам

  • Валидная и адаптивная верстка, атомарность + BEM, легко дополнять в процессе эксплуатации
  • SVG-спрайты, PICTURE для графики
  • Использую SASS, PUG для верстки, GULP и WEBPACK для сборки проекта

 

В качестве примера - шаблон YOGA

Предоставляются все исходники, возможность следить за процессом.

Можно заказать разработку шаблона по вашему макету.

 

Средняя время выполнения - 2 недели, стоимость от 50 тыс. рублей для верстки и 3-4 недели от 75 тыс. руб. за шаблон

Только по предоплате, возможна работа с юридическими лицами.

 

Для связи используйте личные сообщения @matroskin92 или телеграм @matrosite


 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By whiteblue
      Модуль позволяет очень просто, быстро настроить отдельные схемы кода и просто любой информации для схем, групп продуктов, категорий и производителей.
       
      Возможности модуля:
      1. Гибкие настройки и фильтры, вывод любой информации на всех страницах сайта, вывод по отдельным категориям, товарам, производителям, добавление настроек ко всем товаров категории (Продукты категорий) и ко всем товарам производителя (Продукты производителей), макетам.
       
      2.Фильтр "URL содержит". Можно добавить настройку для отдельных страниц сайта, если в url страницы содержится введенное значение. В карточке товар поиск из полного урла, в категории - ключевое слово из таблицы seo_url.
       
      3. Возможность вывода любой информации в любой части страницы: Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо).
       
      4. Возможность замены блока полностью или только его содержимого.
       
      5. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery.
      6. Копировать настройки из ранее созданных схем.

      7. Настройка гибких условий отображения настроек в товарах. Условия И, ИЛИ, НЕ. Например, выбираем для вывода Продукты категорий КРОМЕ определенных товаров; выбираем продукты категорий И товары производителей. ИЛИ используется по-умолчанию. Название блоков являются кнопками, которые можно использовать для составления условий.
       
      8. Использовать в настройках переменные товара. Введены переменные $product и $products, которое можно использовать в настройке в блок Код блока.
      $products - массив со всеми выбранными товарами.
      $product - данные текущего товара ( работает только в карточке товара).
       
      Данные продукта, которые могут использоваться в настройках:

      date_added: Дата создания
      date_available: Дата поступления
      date_modified: Дата изменения
      description: Описание
      ean: EAN
      height: Высота
      image: Изображение товара
      isbn: ISBN
      jan: JAN
      location: Расположение
      manufacturer: Наименование производителя
      manufacturer_id: Id производителя
      meta_description: Мета-тег Description
      meta_keyword: Мета-тег Keyword
      meta_title: Мета-тег Title
      minimum: Минимальное кол-во заказа
      model: Модель
      mpn: MPN
      name: Название товара
      price: Цена товара
      product_id: Id товара
      quantity: Кол-во товара
      sku: SKU
      sort_order: Сортировка
      status: Статус
      stock_status: Статус на складе
      stock_status_id: Id статуса на складе
      tag: Теги
      tax_class_id: Id налога
      upc: UPC
      weight: Ширина
      width: Длина
       
      Пример: вывод название текущего товара будет иметь вид $product.name;
      вывод цена 3-го товара из массива $products[2].price;.
      Можно задать лимит вывода товара из переменной $products.
       
      9. Библиотека Настроек. Можно выбрать настройку из библиотеки кода.
       
      10. Фильтр настроек. Позволит быстро найти и применить настройку из библиотеки.
       
      11. Добавление своих настроек в библиотеку готовых решений.
       
      12. Добавление неограниченного количества настроек к одной схеме товаров.
       
      13. Автоматическое добавление нового товара к схеме.
       
       
      Преимущества модуля:
      Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Модуль мультиязычный.  
      Примеры использования:
      Создание посадочных страниц Создание тем и шаблонов Возможность создания блога на сайте, отредактировав карточку товара как статью Возможность создания портфолио, отредактировав карточку товара, под объект портфолио Замена общего номера телефона в определенных продуктах или категориях на номер менеджера направления Скрыть или заменить некоторые элементы в продуктах или категориях , например цену, кнопку,  (цено от и прочее) Добавить любой кастомный HTML код в любое место или убрать.. Добавить для категории блок с доставкой и гарантиями Добавить в моб версии кнопку позвонить и заказать у определенных продуктов У определенных продуктов скрыть корзину и добавит цена от с вызовом формы обратной связи Добавить свои стили для определенного вида страниц Замена имейла и номера у определенной группы продуктов Мультимагазин Безграничные возможности  
       
       
       
      Инструкция по установке и настройке
       
      Demo: карточка товара
      Demo: категория
      Admin (demo/demo)
       
       
      ДОБАВИТЬ МОЖНО В ГРУППЫ ТОВАРОВ (очень удобный фильтр) , ВО ВСЕ ТОВАРЫ, В КАТЕГОРИИ, ПРОИЗВОДИТЕЛЕЙ,  ТАКЖЕ ПО СХЕМАМ . и !!!Новинка!!! если url содержит.
      ЕСЛИ НУЖНА С ЭТИМ ПОМОЩЬ - ПИШИТЕ В ПОДДЕРЖКУ!
       
      Библиотека готовых решений
      1. Закрепленные кнопки Позвонить и Написать внизу страницы для мобильной версии
      Добавляются кнопки Написать - при клике, клиент переходит на страницу обратной связи и Позвонить - подключен номер телефона
      Данное решение представлено на сайте https://newstone.com.ua/.
      Отображение в мобильной версии https://prnt.sc/w4lfvn
       
      2. Перелинковка товаров
      При необходимости добавить ссылки на похожие товары, например: другого размера или цвета, типа и т.д. можно использовать данное решение. Связь товаров на основе одинаковой модели.
      Данное решение представлено на  сайтах
      https://newstone.com.ua/CL-101AURORASNOW_pryamaya
      https://au.torg.town/odessa-shirokoformatnaya-pechat/pechat-na-bannernoi-tkani/print-frontlit
      Блок имеет вид https://prnt.sc/w4pf1i
       
      3. Замена кнопки купить
      Замена кнопки Купить на произвольное значение, это может быть любой html-код или текст
       
      4. Автоматическая подгрузка товаров
      Замена стандартной пагинации на аjax подгрузку товаров. Данное решение реализовано на сайте https://pizza.torg.town/ukraina/odessa   5. Модальное окно "Заказать консультацию" Вывод модульного окна с формой обратной связи Данное решение представлено на сайте https://dveriotido.com.ua/ (кнопка Презентация в скайпе)   6. Кратное описание в карточке товара В карточке товара выводится часть описания с ссылкой Подробнее (скролл на полное описание) Данное решение представлено на сайте https://dveriotido.com.ua/dvery_mechkom/mezhkomnatnaya-dver-03-dub-temnyj-po   7. Форма обратной связи Форма для отправки обратной связи с полями ввода Имя, Телефон, Email, Комментарий.   8. Полезная информация для клиента ( о доставка, гарантии и т.д.)
      Вывод блок с информацией для клиента в карточке товара, категории или любой другой странице сайта
       
      9. Прелоадер перед загрузкой страницы
      Вывод индикатора загрузки страницы до полной загрузки страницы
       
      10. Таймер обратного отчета
      Вывод таймера обратного отчета на любую страницу. Время отчета задается в коде, по-умолчанию 5 дней.
       
      Библиотека будет дополняться
    • By whiteblue
      1 150.00 руб
      Скачать/Купить дополнение


      Модуль "Super Custom Html Fields"
      Модуль позволяет очень просто, быстро настроить отдельные схемы кода и просто любой информации для схем, групп продуктов, категорий и производителей.
       
      Возможности модуля:
      1. Гибкие настройки и фильтры, вывод любой информации на всех страницах сайта, вывод по отдельным категориям, товарам, производителям, добавление настроек ко всем товаров категории (Продукты категорий) и ко всем товарам производителя (Продукты производителей), макетам.
       
      2.Фильтр "URL содержит". Можно добавить настройку для отдельных страниц сайта, если в url страницы содержится введенное значение. В карточке товар поиск из полного урла, в категории - ключевое слово из таблицы seo_url.
       
      3. Возможность вывода любой информации в любой части страницы: Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо).
       
      4. Возможность замены блока полностью или только его содержимого.
       
      5. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery.
      6. Копировать настройки из ранее созданных схем.

      7. Настройка гибких условий отображения настроек в товарах. Условия И, ИЛИ, НЕ. Например, выбираем для вывода Продукты категорий КРОМЕ определенных товаров; выбираем продукты категорий И товары производителей. ИЛИ используется по-умолчанию. Название блоков являются кнопками, которые можно использовать для составления условий.
       
      8. Использовать в настройках переменные товара. Введены переменные $product и $products, которое можно использовать в настройке в блок Код блока.
      $products - массив со всеми выбранными товарами.
      $product - данные текущего товара ( работает только в карточке товара).
       
      Данные продукта, которые могут использоваться в настройках:

      date_added: Дата создания
      date_available: Дата поступления
      date_modified: Дата изменения
      description: Описание
      ean: EAN
      height: Высота
      image: Изображение товара
      isbn: ISBN
      jan: JAN
      location: Расположение
      manufacturer: Наименование производителя
      manufacturer_id: Id производителя
      meta_description: Мета-тег Description
      meta_keyword: Мета-тег Keyword
      meta_title: Мета-тег Title
      minimum: Минимальное кол-во заказа
      model: Модель
      mpn: MPN
      name: Название товара
      price: Цена товара
      product_id: Id товара
      quantity: Кол-во товара
      sku: SKU
      sort_order: Сортировка
      status: Статус
      stock_status: Статус на складе
      stock_status_id: Id статуса на складе
      tag: Теги
      tax_class_id: Id налога
      upc: UPC
      weight: Ширина
      width: Длина
       
      Пример: вывод название текущего товара будет иметь вид $product.name;
      вывод цена 3-го товара из массива $products[2].price;.
      Можно задать лимит вывода товара из переменной $products.
       
      9. Библиотека Настроек. Можно выбрать настройку из библиотеки кода.
       
      10. Фильтр настроек. Позволит быстро найти и применить настройку из библиотеки.
       
      11. Добавление своих настроек в библиотеку готовых решений.
       
      12. Добавление неограниченного количества настроек к одной схеме товаров.
       
      13. Автоматическое добавление нового товара к схеме.
       
       
      Преимущества модуля:
      Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Модуль мультиязычный.  
      Примеры использования:
      Создание посадочных страниц Создание тем и шаблонов Возможность создания блога на сайте, отредактировав карточку товара как статью Возможность создания портфолио, отредактировав карточку товара, под объект портфолио Замена общего номера телефона в определенных продуктах или категориях на номер менеджера направления Скрыть или заменить некоторые элементы в продуктах или категориях , например цену, кнопку,  (цено от и прочее) Добавить любой кастомный HTML код в любое место или убрать.. Добавить для категории блок с доставкой и гарантиями Добавить в моб версии кнопку позвонить и заказать у определенных продуктов У определенных продуктов скрыть корзину и добавит цена от с вызовом формы обратной связи Добавить свои стили для определенного вида страниц Замена имейла и номера у определенной группы продуктов Мультимагазин Безграничные возможности  
       
       
       
      Инструкция по установке и настройке
       
      Demo: карточка товара
      Demo: категория
      Admin (demo/demo)
       
       
      ДОБАВИТЬ МОЖНО В ГРУППЫ ТОВАРОВ (очень удобный фильтр) , ВО ВСЕ ТОВАРЫ, В КАТЕГОРИИ, ПРОИЗВОДИТЕЛЕЙ,  ТАКЖЕ ПО СХЕМАМ . и !!!Новинка!!! если url содержит.
      ЕСЛИ НУЖНА С ЭТИМ ПОМОЩЬ - ПИШИТЕ В ПОДДЕРЖКУ!
       
      Библиотека готовых решений
      1. Закрепленные кнопки Позвонить и Написать внизу страницы для мобильной версии
      Добавляются кнопки Написать - при клике, клиент переходит на страницу обратной связи и Позвонить - подключен номер телефона
      Данное решение представлено на сайте https://newstone.com.ua/.
      Отображение в мобильной версии https://prnt.sc/w4lfvn
       
      2. Перелинковка товаров
      При необходимости добавить ссылки на похожие товары, например: другого размера или цвета, типа и т.д. можно использовать данное решение. Связь товаров на основе одинаковой модели.
      Данное решение представлено на  сайтах
      https://newstone.com.ua/CL-101AURORASNOW_pryamaya
      https://au.torg.town/odessa-shirokoformatnaya-pechat/pechat-na-bannernoi-tkani/print-frontlit
      Блок имеет вид https://prnt.sc/w4pf1i
       
      3. Замена кнопки купить
      Замена кнопки Купить на произвольное значение, это может быть любой html-код или текст
       
      4. Автоматическая подгрузка товаров
      Замена стандартной пагинации на аjax подгрузку товаров. Данное решение реализовано на сайте https://pizza.torg.town/ukraina/odessa   5. Модальное окно "Заказать консультацию" Вывод модульного окна с формой обратной связи Данное решение представлено на сайте https://dveriotido.com.ua/ (кнопка Презентация в скайпе)   6. Кратное описание в карточке товара В карточке товара выводится часть описания с ссылкой Подробнее (скролл на полное описание) Данное решение представлено на сайте https://dveriotido.com.ua/dvery_mechkom/mezhkomnatnaya-dver-03-dub-temnyj-po   7. Форма обратной связи Форма для отправки обратной связи с полями ввода Имя, Телефон, Email, Комментарий.   8. Полезная информация для клиента ( о доставка, гарантии и т.д.)
      Вывод блок с информацией для клиента в карточке товара, категории или любой другой странице сайта
       
      9. Прелоадер перед загрузкой страницы
      Вывод индикатора загрузки страницы до полной загрузки страницы
       
      10. Таймер обратного отчета
      Вывод таймера обратного отчета на любую страницу. Время отчета задается в коде, по-умолчанию 5 дней.
       
      Библиотека будет дополняться
      Добавил whiteblue Добавлено 29.10.2019 Категория Меню, дизайн, внешний вид Системные требования Метод активации По запросу в ЛС Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Да Старая цена 0  
    • By And69
      389.00 руб
      Скачать/Купить дополнение


      Links preload (Предзагрузка скриптов, стилей, шрифтов) OC 2.3
       
      Установка:
      Установить модуль через стандартный установщик Обновить кэш модификаторов Предоставить доступ для просмотра и редактирования* Зайти в Модули - Модули Активировать Предзагрузка URL/CSS/JS Настройка
      Переключить статус - "Включено" Ознакомиться со справкой в нижней части страницы модуля Ввести нужные URL с указанием типа и действия
      Добавил And69 Добавлено 03.02.2021 Категория SEO, карта сайта, оптимизация Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет Старая цена 0  
    • By Welcome37
      Доброго времени суток...
      Вожусь вторую ночь, знаний не хватает катастрофически, прошу помощи.

      Вот такой код запихнут был в HTML-модуль и вставлен в шаблон показа товаров:
       
      <section class="c-bmi c-bmi--front"> <h3 class="c-bmi--back__title [ u-textUppercase u-textCenter ]">калькулятор расчёта веса в одном метре ткани</h3> <div class="c-bmi__body g-linear-grad"> <div class="c-bmi__row">ширина ткани: <span id="weight-text">2.2</span> м <input id="weight-slider" class="c-bmi__slider" max="2.2" min="0.4" step="0.05" type="range" value="71" /></div> <div class="c-bmi__row">плотность: <span id="height-text">175</span> г/кв.м <input id="height-slider" class="c-bmi__slider" max="500" min="40" step="5" type="range" value="175" /></div> <h3 class="c-bmi__result typo-1 [ u-textUppercase u-textCenter ]">вес 1 метра в граммах <span id="bmi-text" class="typo-2 c-bmi__number g-btn-shadow [ u- block ]">385.0</span></h3> <button id="jsInfoButton" class="g-buttonClean g-btn-shadow c-bmi__info"><em>?</em></button></div> </section> <section class="c-bmi c-bmi--back g-linear-grad"> <h3 class="c-bmi--back__title [ u-textUppercase u-textCenter ]">Как рассчитывается вес?</h3> <div> <p>Вес одного метра ткани рассчитывается по простейшей формуле M = P x S, где P - плотность, S - площадь (в нашем случае ширина умноженная на длину, а длину мы берём 1 метр)</p> <button id="jsCloseButton" class="g-buttonClean g-btn-shadow c-bmi__info c-bmi__info--x">x</button></div> </section> До какого-то момента (по словам наших ребят) он работал исправно, но тут - очень похоже на скопированную через просмотр HTML-кода страницы часть модуля.

      Я нашел, откуда было взято тело модуля калькулятора (https://codepen.io/SimonNonnis/pen/RWLYjP) и попытался повторить "подвиг", фиг там. На сайте, откуда взял код, работает (правда странно считает), а на нашем - нет. Вот код:
       
      <div class="wrapper"> <main class="c-bmi-container typo-1"> <section class="c-bmi c-bmi--front"> <h3 class="c-bmi__title [ u-textCenter ]">Калькулятор расчёта веса в одном метре ткани</h3> <div class="c-bmi__body g-linear-grad"> <div class="c-bmi__row"> <span>Ширина ткани: <span id="weight-text"></span> м.</span> <input class="c-bmi__slider" id="weight-slider" type="range" min="0.4" max="2.2" step="0.05" value="71" /> </div> <div class="c-bmi__row"> <span>Плотность: <span id="height-text"></span> г/кв.м </span> <input class="c-bmi__slider" id="height-slider" type="range" min="40" max="500" value="175" /> </div> <h3 class="c-bmi__result typo-1 [ u-textCenter ]">Вес 1 метра ткани в граммах: <span class="typo-2 c-bmi__number g-btn-shadow [ u-block ]" id="bmi-text"></span></h3> <button id="jsInfoButton" class="g-buttonClean g-btn-shadow c-bmi__info"><i>?</i></button> </div> </section> <section class="c-bmi c-bmi--back g-linear-grad"> <h3 class="c-bmi--back__title [ u-textUppercase ]">Как мы считаем?</h3> <div> <p>Вес одного метра ткани (М) считаем по формуле M = P x S, (P-плотность, S-площадь (ширина умноженная на длину (длина-1 метр)</p> <button id="jsCloseButton" class="g-buttonClean g-btn-shadow c-bmi__info c-bmi__info--x">X</button> </div> </section> </main> </div> К сожалению, обратиться к автору сайта уже нет возможности, он умер. Поэтому прошу помощи.

      В header-е нашел только одно упоминание библиотеки JQuery:
      <script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>

      Ссылка на страницу одного из товаров: https://cotton-mix.ru/kulirka---1990
      Файл этот на месте, размер 84 249 байт, его 3 года никто не менял.
    • By MGrey
      Всем добрый день.
      Необходимо:
      1 - внести правки в верстку главного меню (плавное сворачивание и разворачивание) - сейчас с рывками.
      2 - вывести в главное меню переключение рус | укр (отцентровать и сделать плавность при сворачивании-разворачивании главного меню) - сейчас с рывками.
      3 - изменить кол-во отображаемых в ряд товаров в Категориях (для мобильной версии) - сейчас в ряду один товар - нужно сделать 2 товара.
      4 - для мобильной версии настроить корректную работу горизонтальной версии.

      Понимаю, задача головняковая.
      А что делать..
      Версия ocStore 2.1.0.1
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.