Часто просят сделать кнопку "Очистить корзину" в интернет-магазине.
Как её сделать в заметке ниже 👇👇

Правила хорошего кода Frontend разработчиков.

Проверь, так ли ты хорош 👉 t.me/gd_code

Используется при оформлении заказа в интернет-магазинах.

#woocommerce

Не все интернет-магазины нуждаются в онлайн оплате на сайте. Достаточно сформировать заказ и отправить его на почту.

Что бы отключить методы оплаты воспользуйтесь кодом из заметки 👇👇

При установке Woocommerce плагин предлагает выбрать одну из совместимых тем. Но мне это не нужно, я хочу создать свою тему. 
Поэтому, чтобы сделать свою тему, совместимой с Woocommerce, я добавляю код ниже в файл functions.php и всё работает👍

// Сделать тему совместимой с WooCommerce
function mytheme_add_woocommerce_support() {
 add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

В woocommerce можно изменить символ валюты по умолчанию на любой другой-свой. Для этого нужно вставить код ниже в файл functions.php. 

Я так меняю стандартные символы на 'Руб.' или как в примере на значок гривны.

/* Изменяет символ валюты на буквы */
add_filter('woocommerce_currency_symbol', 'change_existing_currency_symbol', 10, 2);

function change_existing_currency_symbol( $currency_symbol, $currency ) {
   switch( $currency ) {
     case 'UAH': $currency_symbol = '₴'; break;
   }
   return $currency_symbol;
}

На многих сайтах в футоре ставят года существования организации.

Строчка кода из примера ниже выводит текущий год.

<script>
  document.write(`${new Date().getFullYear()}`);
</script>

Я не работал с Elementor и куда там вставлять кусок кода на php не нашел. Зато, я знаю как создать шорткод и потом вставить его на страницу сайта в нужное мне место.

Подробнее про шорткоды 👇👇

По умолчанию в WordPress если названия статей пишутся на русском, то и в URL-адресе русские символы, которые при копировании и публикации переведется в непонятный набор символов.

Пример:
http://site.ru/%D0%9B%D1%83%D1%80%D0%BA%D0%BE%D0

Cyr-To-Lat - поможет исправить это.
Проверь сам 👇👇

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

WordPress по умолчанию устанавливает название файла в поле «Заголовок», которое соответствует атрибуту title, а поле «Атрибут alt» оставляет пустым.

Как автоматически добавлять alt и title в это статье 👇👇

is_user_logged_in() - проверяет, авторизован ли пользователь. Возвращает true, если пользователь авторизован, и false, если нет.

Это позволяет выводить контент только для зарегистрированных пользователей.

<?php
if(is_user_logged_in()) {
  echo 'User registered';
} else {
  echo 'User not registered';
}
?>

@web_code - телеграм-канал, в котором ты найдёшь готовые решения html, css и javascript для своих проектов.

Подпишись и ускорь свою работу 👇

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

Приятного просмотра!

Когда создаёшь свою тему, используешь сторонние плагины. В них есть свои файлы стилей. Например, берём плагин `contact form 7`. Но мне стили, которые он подключает к моему сайту, не нужны.

Отключить стили можно, сделав следующее: 
- открыть код страницы в браузере;
- найти нужный id в теге <link id="contact-form-7-css" />;
- записать его в конструкцию ниже 👇👇👇.

function remove_styles () {
 wp_deregister_style ('contact-form-7');
}
add_action ('wp_print_styles','remove_styles',100);
 

is_product_category() - возвращает true, если находишься на странице категории товара.

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

При создании своей темы для интернет-магазина с помощью Woocommerce, нужно сделать её совместимой с этим плагином.

Добавь код из статьи по ссылке ниже в файл functions.php чтобы плагин Woocommerce заработал с новой темой👍

#woocommerce

1. Качественный хостинг

Для нормальной работы сайта понадобится тариф с достаточным количеством ресурсов, SSD дисками, последними версиями ПО и местоположением сервера как можно ближе к вашей аудитории.

Могу посоветовать хостинг Link-host - это недорогой и надежный хостинг, которым я пользуюсь с бесплатными SSL сертификатами .

✓ Цена за год - 720р;
✓ Бесплатно домен в зоне .ru;
✓ 10 сайтов;
✓ 10 Баз данных MySQL;
✓ SSL бесплатно;
✓ быстрый ответ техподдержки;
✓ сервера в Германии и России.

#оптимизация_сайта

Шаблоны WooCommerce — файлы, которые содержат разметку и структуру шаблонов вашего Интернет-магазина.

Иерархия шаблонов построена таким образом, что можно легко изменять и дополнять шаблоны, да и вообще сразу понятно что где находится и что за что отвечает.

По ссылке ниже описание файлов шаблона.

#woocommerce

В Woocommerce можно удалить все стили плагина, но лучше этого не делать. Остановитесь на этих трёх.

woocommerce-general — общие настройки оформления
woocommerce-layout — разметка макета
woocommerce-smallscreen — оптимизация под мобильные устройства

По ссылке ниже я оставил код, как это сделать.

Добавление товара в корзину, без перезагрузки страницы.
Код для functions.php и вывод счётчика товаров в статье ниже 👇