ШПАРГАЛКИ

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

Если этот раздел будет кому то полезен и так же как и мне удобен, то пожалуйста, можете пользоваться.

ВЕРСТКА


Шпаргалки по Верстке. Начальные шаблоны и типовые блоки. Начинаем работу с HTML + CSS. Базовые шаблоны.

СКРИПТЫ


Шпаргалки по Скриптам. Примеры некоторых скриптов, а также интересные разработки полезные для сайта, как собственные, так и где то подсмотренные.

ЭФФЕКТЫ


Шпаргалки по Эффектам. Различные эффекты для сайтов, анимации, скроллинг, видимость, и т.п. Расходящиеся круги от кнопки, постепенное появление блоков и др.

ЭЛЕМЕНТЫ


Шпаргалки по Элементам. Код элементов для сайта, примеры, как собственные разработки, так и типовые, стандартные.

MODX


Шпаргалки по ModX. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

WORDPRESS


Шпаргалки по WordPress. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

OPENCART


Шпаргалки по OpenCart. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

PROCESSWIRE


Шпаргалки по ProcessWire. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

BITRIX


Шпаргалки по Bitrix. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

YII2


Шпаргалки по Yii2. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этом фреймворке.

VUEJS


Шпаргалки по VueJS. Подключение, базовые скрипты, принципы работы. Создание и связь компонентов. Натяжка верстки, разработка сайта или SPA на этом фреймворке.

ОТРЫВКИ КОДА


Шпаргалки отрывки кода. Приводятся примеры непростых проектов, отрывки кода из практики, сложные и интересные решения.

PHOTOSHOP


Шпаргалки по Photoshop. Начальные настройки, плагины и шаблоны. Представлены работы и описаны текстом последовательность действий.

ПОСЛЕДНИЕ ДОБАВЛЕННЫЕ

Фильтрация по диапазону цены

Пример как можно сделать фильтрацию по диапазону цены с использованием плагина фильтра Search and Filter, JS библиотеки touch-punch, и написанием небольших скриптов. Добавляем сортировку по цене и выносим ее за пределы фильтра.

Вывод статуса о наличии товара в WooCommerce

Примеры вывода статуса о наличии товара в WooCommerce.

Формируем отчет в Excel на PHP

Пример формирования отчета Excel на PHP. Формируется файл в формате CSV и открывается в Excel, который затем можно отредактировать и сохранить в нужном вам формате.

Формируем отчет в PDF на PHP

Пример формирования отчета PDF на PHP с использованием библиотеки DomPDF.

Добавляем отзывы на сайт магазин Woocommerce

Пример того, как добавить отзывы на карточку товара интернет магазина на WordPress и WooCommerce и сделать для них стили. Написание скрипта валидации формы отзывов.

Пошаговое создание личного кабинета на Woocommerce

В шпаргалке рассмотрены пример пошагового создание личного кабинета на Woocommerce. Добавление функционала сравнение товаров и закладки.

Sitemap.xml и Robots.txt для WooCommerce

В шпаргалке рассмотрены пример создания Sitemap.xml и Robots.txt для WooCommerce.

Скрипт передачи данных при наведении

Пример того как можно передавать какие либо данные при наведении на какой либо элемент. Этот метод к примеру можно использовать при передачи наименования товара в модалку при наведении на карточку.

Функционал "Купить в один клик"

В шпаргалке рассмотрены пример создания функционала "Купить в один клик" на сайте WooCommerce и WordPress с использованием плагина ContactForm.

Работа с корзиной WooCommerce. Скрипты

В шпаргалке рассмотрены примеры скриптов для работы с корзиной - добавление в корзину с любой кнопки на сайте, высвечивание сообщения о добавлении в корзину, маркировка корзины и другие.

Делаем сложную фильтрацию в WooCommerce

Рассмотрим пример создания сложной фильтрации товара в WooCommerce с использованием плагина Search and Filter. Простой вариант, когда работает один фильтр на странице и сложный, когда нужно сделать два фильтра на одной странице.

Выводим рекомендуемые товары

Примеры того как можно вывести рекомендуемые товары на любую страницу магазина, который работает на WordPress и WooCommerce.

Меняем "Товары" на "Каталог" в хлебных крошках WooCommerce

Пример работает только при использовании хлебных крошек KamaBreadcrumbs, в нем показано, как можно заменить слово "Товары" на "Каталог" в хлебных крошках.

Кликабельный логотип в шапке страницы

Кликабельный логотип в шапке страницы. Пример того как сделать лого кликабельным, при чем, что бы на главной был подъем на вверх страницы, а на прочих страницах переход на главную.

Примеры трех страниц магазина

Примеры трех страниц магазина archive-product.php - content-product-cat.php - single-product.php на примере разработки магазина Miele.

Проверяем, есть ли подкатегории у товаров WooCommerce

Проверяем, есть ли подкатегории у товаров на данной странице категории и если есть то выводим. Пример на WordPress и WooCommerce.

Переворачиваем дату из формата YYYY-MM-DD в DD-MM-YYYY

Пример того как можно перевернуть дату из формата YYYY-MM-DD в DD-MM-YYYY при помощи JQuery. Как вывести дату привычного отображения для пользователя.

VueJS - Разработка SPA приложения. Часть 3

Пример разработки SPA приложения на VueJS. Создание главной страницы, пример создание слайдера на главной, пример создания карточек товаров используя Vuetify.js. Пример создания списка на страницах. Создание страницы формы для добавления какой либо новой записи.

Пример защиты паролем определенной страницы

Пример защиты паролем определенной страницы. Простой пример авторизации. Защита паролем. Пишем и используем свою авторизацию для страницы или сайта.

Всплывающая подсказка выбора для Input

Пример создания всплывающей подсказки выбора для Input на основе библиотеки autoComplete.js. Тот случай когда нужны всплывающие подсказки при вводе в поле Input.

ModX проверка на главной ли странице мы?

Пример проверки на ModX - на главной ли странице мы находимся, и применения различных условий при этом.

Меняем бэкграунд на бэкграунд изображения страницы

Меняем бэкграунд зашитый в код на бэкграунд который мы выбираем в административной части изображения для страницы.

Создаем выезжающие информационные блоки

Создаем выезжающие информационные блоки. Представлен пример создания информационной всплывающей плашке на определенное время. Информационный блок.

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

Для связи со мной можно воспользоваться любой социальной сетью,
или написать на почту:

С моим резюме можно ознакомиться по ссылке:

© 2020-2023 Портфолио Юдина Александра г.Пенза. Все права защищены