Відсоткова знижка на весь кошик без купона у WooCommerce

Posted Leave a commentPosted in Поради / рекомендації

Фіксована процентна знижка на весь кошик у WooCommerce
Отже, почнемо з найпростішої знижки – фіксованої. У ньому знижка буде використана до всього кошика в результаті, без зайвих дій з боку користувача.

Скрипт знижки:

function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	$discount = $cart->subtotal * 0.05; // 0.05 - это 5%
	
	$cart->add_fee('Фиксированная скидка в 5% ', -$discount);

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Ви вставляєте його в кінці файлу functions.php, який знаходиться в папці вашої теми.

Фіксована (застосовується, коли в кошику є певні товари) відсоткова знижка на весь кошик у WooCommerce
Другий варіант фіксованої знижки – це знижка, яка застосовується залежно від того, які товари (або набори товарів) знаходяться у кошику.

Скрипт для застосування знижки за наявності певного товару в кошику:

function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	$array_product_id = [];

	foreach($cart->get_cart() as $cart_item) {

		$array_product_id[] = $cart_item['product_id'];
	
	}

	if(in_array(6, $array_product_id)) { // Если в корзине есть товар с ID = 6

		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

		$cart->add_fee('Фиксированная скидка в 5% за выбор акционного товара ', -$discount);

	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Скрипт для застосування знижки за наявності одного з товарів в кошику:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	$array_product_id = [];

	foreach($cart->get_cart() as $cart_item) {

		$array_product_id[] = $cart_item['product_id'];
	
	}

	if(in_array(6, $array_product_id) || in_array(7, $array_product_id)) { // Если в корзине есть товар с ID = 6 или ID = 7

		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

		$cart->add_fee('Фиксированная скидка в 5% за выбор акционного товара ', -$discount);

	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Скрипт для застосування знижок на певні товари у кошику:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	$array_product_id = [];

	foreach($cart->get_cart() as $cart_item) {

		$array_product_id[] = $cart_item['product_id'];
	
	}

	if(in_array(6, $array_product_id) && in_array(7, $array_product_id)) { // Если в корзине есть товары с ID = 6 и ID = 7

		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

		$cart->add_fee('Фиксированная скидка в 5% за выбор акционных товаров ', -$discount);

	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Той, який вам потрібний, ви вставляєте внизу файлу functions.php, який знаходиться у папці вашої теми. Якщо ви використовуєте варіативні товари, то код «product_id» потрібно замінити на «variation_id».

Фіксована (застосовується за наявності товарів з певних категорій у кошику) відсоткова знижка на весь кошик у WooCommerce
Тут, як ви вже зрозуміли, на відміну від попереднього варіанту для застосування знижки перевіряється не сам товар, а категорія, в якій він знаходиться.

Скрипт для застосування знижки за наявності в кошику товару з певної категорії


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	foreach($cart->get_cart() as $cart_item) {

		if(has_term(16, 'product_cat', $cart_item['product_id'])) { // Если в корзине есть товар из категории с ID = 16

			$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

			$cart->add_fee('Фиксированная скидка в 5% за выбор товара из акционной категории ', -$discount);

			break;

		}
	
	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Скрипт для застосування знижки за наявності товару в кошику з однієї категорії:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	foreach($cart->get_cart() as $cart_item) {

		if(has_term([16, 23], 'product_cat', $cart_item['product_id'])) { // Если в корзине есть товар из категории с ID = 16 или ID = 23

			$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

			$cart->add_fee('Фиксированная скидка в 5% за выбор товара из акционной категории ', -$discount);

			break;

		}
	
	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Скрипт для застосування знижки за наявності товару в кошику з певних категорій:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	foreach($cart->get_cart() as $cart_item) {

		if(has_term(16, 'product_cat', $cart_item['product_id']) && has_term(23, 'product_cat', $cart_item['product_id'])) { // Если в корзине есть товар из категории с ID = 16 и ID = 23

			$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

			$cart->add_fee('Фиксированная скидка в 5% за выбор товара из акционных категорий ', -$discount);

			break;

		}
	
	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Скрипт для застосування знижки за наявності в кошику товарів з певних категорій:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	$one_category = false; // Товар из первой категории
	$two_category = false; // Товар из второй категории

	foreach($cart->get_cart() as $cart_item) {

		if(has_term(16, 'product_cat', $cart_item['product_id'])) { // Если в корзине есть товар из категории с ID = 16

			$one_category = true;

		}

		if(has_term(23, 'product_cat', $cart_item['product_id'])) { // Если в корзине есть товар из категории с ID = 23

			$two_category = true;

		}
	
	}

	if($one_category && $two_category) { // Если в корзине есть товары из категорий с ID = 16 и ID = 23

		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

		$cart->add_fee('Фиксированная скидка в 5% за выбор товаров из акционных категорий ', -$discount);

	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Той, який вам потрібен, ви все одно вставляєте внизу файлу functions.php, який знаходиться у папці вашої теми.

Фіксована (залежно від обраного способу доставки) відсоткова знижка на весь кошик у WooCommerce
Крім того, що ми можемо прив’язати знижку до конкретного товару або, наприклад, його категорії, можна просто організувати знижку на обраний спосіб доставки.

Скрипт для застосування знижки при виборі конкретного способу доставки:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	global $woocommerce;

	$delivery_name = '';
	$delivery_selected = [];
	$available_methods = $woocommerce->shipping->get_packages();

	if(isset($woocommerce->session)) {

		$delivery_selected = $woocommerce->session->get('chosen_shipping_methods');

	}

	foreach($available_methods as $method) {
		
		foreach($delivery_selected as $delivery) {
			
			if(isset($method['rates'][$delivery])) {

				$delivery_name = $method['rates'][$delivery]->label;

				break;

			}
		
		}

	}

	if($delivery_name == 'Самовывоз') {

		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

		$cart->add_fee('Фиксированная скидка в 5% за самовывоз ', -$discount);

	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Скрипт для застосування знижки при виборі одного із зазначених способів доставки:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	global $woocommerce;

	$delivery_name = '';
	$delivery_selected = [];
	$available_methods = $woocommerce->shipping->get_packages();

	if(isset($woocommerce->session)) {

		$delivery_selected = $woocommerce->session->get('chosen_shipping_methods');

	}

	foreach($available_methods as $method) {
		
		foreach($delivery_selected as $delivery) {
			
			if(isset($method['rates'][$delivery])) {

				$delivery_name = $method['rates'][$delivery]->label;

				break;

			}
		
		}

	}

	if($delivery_name == 'Самовывоз' || $delivery_name == 'СДЭК') {

		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%

		$cart->add_fee('Фиксированная скидка в 5% за выбранный способ доставки ', -$discount);

	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Тот, который вам нужен, вы вставляете внизу файла functions.php, который находится в папке вашей темы.

Динамическая (переменная в зависимости от суммы) процентная скидка на всю корзину в WooCommerce
В отличие от вышеупомянутых вариантов с фиксированной скидкой, здесь задача немного усложняется. Мы привяжем нашу скидку к ценовому диапазону. И, например, когда человек заказал товаров на сумму от 1000 до 10 000, мы дадим ему одну скидку, а выше – другую.

Реализация будет выглядеть так:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	$woo_current_price = $cart->subtotal; // Текущая итоговая сумма
	
	if($woo_current_price >= 1000 && $woo_current_price <= 10000) {
	
		$discount = $cart->subtotal * 0.03; // 0.03 - это 3%
		$cart->add_fee('Скидка в 3% за заказ на сумму от 1 000 до 10 000 рублей ', -$discount);
		
	} elseif($woo_current_price > 10000) {
	
		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%
		$cart->add_fee('Скидка в 5% за заказ на сумму более 10 000 рублей ', -$discount);
	
	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Ви також вставляєте його в низ файлу functions.php, який знаходиться в папці вашої теми.

Динамічна (змінна залежно від загальної кількості товарів) відсоткова знижка на весь кошик у WooCommerce
Тут, як ви зрозуміли із заголовка, ми розраховуватимемо знижку не на суму, як ми це зробили в другому варіанті, а на кількість товарів у кошику.

Виконання:


function woo_discount_total(WC_Cart $cart) {

	if(is_admin() && !defined('DOING_AJAX')) {
	
		return;
		
	}

	$woo_count_item = $cart->get_cart_contents_count(); // Количество товаров в корзине
	
	if($woo_count_item >= 10 && $woo_count_item <= 50) {
	
		$discount = $cart->subtotal * 0.03; // 0.03 - это 3%
		$cart->add_fee('Скидка в 3% за заказ включающий в себя от 10 до 50 товаров ', -$discount);
		
	} elseif($woo_count_item > 50) {
	
		$discount = $cart->subtotal * 0.05; // 0.05 - это 5%
		$cart->add_fee('Скидка в 5% за заказ включающий в себя более 50 товаров ', -$discount);
	
	}

}

add_action('woocommerce_cart_calculate_fees' , 'woo_discount_total');

Увімкнуть перевірку поля телефону у woocommerce

Posted Leave a commentPosted in Поради / рекомендації
// Custom validation for Billing Phone checkout field 
add_action('woocommerce_checkout_process', 'custom_validate_billing_phone'); 
function custom_validate_billing_phone() { 
    $is_correct = preg_match('^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$', $_POST['billing_phone']); 
    if ($_POST['billing_phone'] && !$is_correct) { 
     wc_add_notice(__('The Phone field should be <strong>between 6 and 20 digits</strong>.'), 'error'); 
    } 
}

jQuery не визначено в WordPress

Posted Leave a commentPosted in Поради / рекомендації

Крок 1: Увімкнення бібліотеки jQuery

Коли ви переглядаєте код, переконайтеся, що jQuery увімкнено і завантажиться перед сценарієм. Навіть jQuery слід завантажувати лише один раз. Якщо він завантажується кілька разів, це спричинить проблему.

Якщо він не увімкнений, передайте його як третій аргумент у вашій функції wp_enqueue_script() таким чином:

wp_enqueue_script( 'tt-mobile-menu', get_template_directory_uri() .

'/js/mobile-menu.js', array('jquery'), '1.0', true );

Шаг 2: Структура файлу JavaScript

По-друге, ви переконаєтеся, що ваш JavaScript почнеться так:

jQuery(document).ready(function()

{

jQuery(#selector) ...

});

(function($) {

// Use $() inside of this function

$(#selector) ...

})(jQuery);

Крок 3. Переконайтеся, що jQuery завантажено

Іноді виникають проблеми, тому що jQuery не завантажується, хоч увімкнено. Отже, щоб переконатися, що jQuery завантажено, скопіюйте URL-адресу зі сценарію src і вставте його у нову вкладку браузера. Наприклад: якщо сценарій src такий:

<script src="http://code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>

Приховування полів замовлення в залежності від обраного способу доставки WooCommerce

Posted Leave a commentPosted in Поради / рекомендації

Крок один. Додавання форми полів до фрагмента

WooCommerce має таку функціональність фрагментів, ви можете додати до них потрібний html і відобразити в потрібному місці. Отже, додайте фрагмент

Код змінено. Попередній фрагмент буде працювати, але якщо магазин використовує особистий кабінет, то виникнуть проблеми. Оскільки ця форма підключена до файлу checkout / form-billing.php, правильніше використовувати такий код

/**
 * Добавляем часть формы к фрагменту
 *
 * @sourcecode    https://wpruse.ru/woocommerce/hiding-fields-on-chosen-delivery/
 *
 * @param $fragments
 *
 * @return mixed
 *
 * @sourcecode    https://wpruse.ru/woocommerce/hiding-fields-on-chosen-delivery/
 * @author        Artem Abramovich
 * @testedwith    WC 5.5
 */
function awoohc_add_update_form_billing( $fragments ) {

	$checkout = WC()->checkout();

	parse_str( $_POST['post_data'], $fields_values );

	ob_start();

	echo '<div class="woocommerce-billing-fields__field-wrapper">';

	$fields = $checkout->get_checkout_fields( 'billing' );

	foreach ( $fields as $key => $field ) {
		$value = $checkout->get_value( $key );

		if ( isset( $field['country_field'], $fields[ $field['country_field'] ] ) ) {
			$field['country'] = $checkout->get_value( $field['country_field'] );
		}

		if ( ! $value && ! empty( $fields_values[ $key ] ) ) {
			$value = $fields_values[ $key ];
		}

		woocommerce_form_field( $key, $field, $value );
	}

	echo '</div>';

	$fragments['.woocommerce-billing-fields__field-wrapper'] = ob_get_clean();

	return $fragments;
}

add_filter( 'woocommerce_update_order_review_fragments', 'awoohc_add_update_form_billing', 99 );

Крок другий. Видалення непотрібних полів

Передбачається, що способи доставки налаштовані. Наприклад, було створено два методи. Тепер вам потрібно вказати бажаний ідентифікатор способу доставки. Найпростіший спосіб – заглянути у вихідний код

Вибрані рядки є ідентифікаторами. Тепер достатньо зробити чек, і якщо ми отримаємо бажаний спосіб доставки, видаліть зайві поля

/**
 * Скрываем поля для бесплатного способа доставки
 *
 * @param $fields
 *
 * @return mixed
 *
 * @sourcecode    https://wpruse.ru/woocommerce/hiding-fields-on-chosen-delivery/
 * @author        Artem Abramovich
 * @testedwith    WC 5.5
 */
function awoohc_override_checkout_fields( $fields ) {

	// получаем выбранные методы доставки.
	$chosen_methods = WC()->session->get( 'chosen_shipping_methods' );

	// проверяем текущий метод и убираем не ненужные поля.
	if ( false !== strpos( $chosen_methods[0], 'free_shipping' ) ) {
		unset(
			$fields['billing']['billing_company'],
			$fields['billing']['billing_address_1'],
			$fields['billing']['billing_address_2'],
			$fields['billing']['billing_city'],
			$fields['billing']['billing_postcode'],
			$fields['billing']['billing_state'],
			$fields['billing']['billing_phone'],
			$fields['billing']['billing_email']
		);
	}

	return $fields;
}

add_filter( 'woocommerce_checkout_fields', 'awoohc_override_checkout_fields' );

Крок третій. Оновлення сторінки

Все працює, окрім оновлення сторінки. Додамо деяку магію ajax, оскільки вся обробка полів на сторінці Checkout здійснюється за допомогою ajax.

/**
 * Прелоад при переключении доставки
 *
 * @sourcecode    https://wpruse.ru/woocommerce/hiding-fields-on-chosen-delivery/
 * @author        Artem Abramovich
 * @testedwith    WC 5.5
 */
function awoohc_add_script_update_shipping_method() {

	if ( is_checkout() ) {
		?>
		<!--Скроем поле Страна. Если успользуется поле Страна, то следцет убрать скрытие-->
		<style>
			#billing_country_field {
				display: none !important;
			}
		</style>

		<!--Выполняем обновление полей при переключении доставки-->
		<script>
			  jQuery( document ).ready( function( $ ) {
				  $( document.body ).on( 'updated_checkout updated_shipping_method', function( event, xhr, data ) {
					  $( 'input[name^="shipping_method"]' ).on( 'change', function() {
						  $( '.woocommerce-billing-fields__field-wrapper' ).block( {
							  message: null,
							  overlayCSS: {
								  background: '#fff',
								  'z-index': 1000000,
								  opacity: 0.3
							  }
						  } );
					  } );
				  } );
			  } );
		</script>
		<?php
	}
}

add_action( 'wp_footer', 'awoohc_add_script_update_shipping_method' );

Код підключається до гачка wp_footer, при бажанні його можна помістити в окремий файл. Код був перевірений на стандартну тему StoreFront. Все повинно працювати коректно.

І оновлення полів також робиться не після оновлення способів доставки, а паралельно з цим оновленням

Заміна знака валюти на літери Woocommerce

Posted Leave a commentPosted in Поради / рекомендації

Відкриваємо файл WordPress теми functions.php і додаємо в нього фільтр для woocommerce (УВАГА !!! Код наведений нижче додаємо в кінець файлу functions.php):

 

add_filter( 'woocommerce_currencies', 'add_my_currency' );

function add_my_currency( $currencies ) {

$currencies['UAH'] = __( 'Українська гривня', 'woocommerce' );

return $currencies;

}

add_filter('woocommerce_currency_symbol', 'add_my_currency_symbol', 10, 2);

function add_my_currency_symbol( $currency_symbol, $currency ) {

switch( $currency ) {

case 'UAH': $currency_symbol = 'грн'; break;

}

return $currency_symbol;

}

Встановлення платформи Orchid – адміністративна панель Laravel

Posted Leave a commentPosted in Поради / рекомендації

Перш ніж використовувати платформу, її потрібно встановити. Цей посібник повинен допомогти вам виконати просту установку для початку проекту.

Створіть проект

Примітка. Якщо ви вже встановили Laravel, ви можете пропустити цей крок.

Будучи пакетом для фреймворку, спочатку потрібно встановити Laravel. Це можна зробити за допомогою інструмента керування залежностями Composer, запустивши composer create-projectкоманду у своєму терміналі:

$ composer create-project laravel/laravel orchid-project "8.*" --prefer-dist

Щоб отримати додаткову інформацію про те, як встановити Laravel, дотримуйтесь Офіційного посібника з встановлення Laravel .

У вас немає композитора? Його легко встановити, дотримуючись інструкцій на сторінці завантаження .

Він створить новий orchid-projectкаталог, завантажить залежності та сформує провідні каталоги та файли, необхідні для початку роботи. Іншими словами, встановіть свій новий фреймворк-проект.

Не забудь

  • Встановіть права “chmod -R o + w” на каталоги storageіbootstrap/cache
  • Відредагуйте .envфайл

Примітка. Якщо ви щойно встановили Laravel, можливо, вам доведеться створити ключ за допомогою командиphp artisan key:generate

Додайте залежність

Перейдіть до створеного каталогу проекту та запустіть команду:

$ composer require orchid/platform

Примітка. Вам також потрібно створити нову базу даних, оновити .envфайл за допомогою облікових даних та додати URL-адресу програми до змінної APP_URL.

Встановлення платформи

Примітка. Установка замінить app/Models/Userмодель.

Запустіть процес встановлення, виконавши команду:

php artisan orchid:install

Створити користувача

Щоб створити користувача з максимальними дозволами, ви можете виконати таку команду з іменем користувача, електронною поштою та паролем:

php artisan orchid:admin admin admin@admin.com password

Запустіть локальний сервер

Якщо ви не встановили сервер (Nginx, Apache тощо) для запуску проекту, ви можете використовувати вбудований сервер:

php artisan serve

Відкрийте браузер і перейдіть до http://localhost:8000/admin. Якщо все працює, ви побачите сторінку входу на панель керування. Пізніше ви можете зупинити сервер, натиснувши Ctrl + Cна терміналі.

Примітка. Припустимо, у вашому середовищі виконання використовується інший домен (наприклад, orchid.loc). У цьому випадку панель адміністратора може бути недоступною. Вам потрібно вказати свій домен у файлі конфігурації config/platform.phpабо .envфайлі. Це дозволяє зробити адміністративну панель доступною для іншого домену або субдомену, наприклад platform.example.com.

Видавничі ресурси

За замовчуванням статичні файли (css / js) доставляються за маршрутами додатків. Це найкращий баланс між конфігурацією та відстеженням змін, але ви можете вказати веб-сервери для розповсюдження. Для цього вам потрібно запустити команду, яка створює символічне посилання у загальнодоступному каталозі. Будь ласка, використовуйте його, лише якщо на вашому веб-сервері є проблеми :

php artisan orchid:link

Проблеми, які виникли під час встановлення? Можливо, хтось уже мав цю проблему https://github.com/orchidsoftware/platform/issues. Якщо ні, ви можете надіслати повідомлення або звернутися за допомогою .

Оновлення

Перебуваючи в каталозі проекту, використовуйте Composerдля оновлення пакета:

composer update orchid/platform --with-dependencies

Примітка. Ви також можете оновити всі свої залежності, перелічені у composer.jsonфайлі, запустивши composer update.

Установка ext-dom PHP7

Posted Leave a commentPosted in Поради / рекомендації

Перш за все, прочитайте попередження! Він каже, що не запускайте composer від імені root! По-друге, ви, ймовірно, використовуєте Xammp на своєму локальному комп’ютері, який за замовчуванням має необхідні бібліотеки php.

Але на вашому сервері вам не вистачає ext-dom. php-xml має всі необхідні пов’язані пакети. Таким чином, ви можете просто встановити його, запустивши


sudo apt
-get update
sudo apt install php
-xml

Скорее всего, вам тоже не хватает mbstring . Если вы получите сообщение об ошибке, установите этот пакет также с:

sudo apt-get install php-mbstring

Доп запуск

composer update
composer
require cviebrock/eloquent-sluggable

Для тих, хто хоче встановити ext-dom на php 7.1 і вище, виконайте цю команду:

sudo apt install php-xml

Як вставити шорткод в PHP

Posted Leave a commentPosted in Поради / рекомендації

Спеціально для тих, хто і так все знає, а просто шукає швидку відповідь, як вставити шорткод в шаблон wordpress або на інший движок, то ось, будь ласка, використовуйте цей код:

<?php echo do_shortcode( ‘[your_shortcode]’ ); ?>

Однако не забывайте про пунктуацию! Кавычки в вашем шорткоде и в php коде должны быть разными.

Тобто, якщо у вашому шаблоні сайту на wordpress, ви використовуєте такий же шорткод, але з двома лапками всередині ([«…»]), і в вашому php-коді ви також використовуєте подвійні лапки («[…]») , то потрібно одні з них поміняти на одинарні. Саме через таких дрібних причин часто не працюють шорткоди в wordpress.

Показати пароль за допомогою піктограми

Posted Leave a commentPosted in Поради / рекомендації

<div class=”password”>
<input type=”password” id=”password-input” placeholder=”Введите пароль” name=”password” value=”123456″>
<a href=”#” class=”password-control”></a>
</div>
<style type=”text/css”>
.password {
width: 300px;
margin: 15px auto;
position: relative;
}
#password-input {
width: 100%;
padding: 5px 0;
height: 30px;
line-height: 40px;
text-indent: 10px;
margin: 0 0 15px 0;
border-radius: 5px;
border: 1px solid #999;
font-size: 18px;
}
.password-control {
position: absolute;
top: 11px;
right: 6px;
display: inline-block;
width: 20px;
height: 20px;
background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;
}
.password-control.view {
background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;
}
</style>

<script src=”https://snipp.ru/cdn/jquery/2.1.1/jquery.min.js”></script>
<script>
$(‘body’).on(‘click’, ‘.password-control’, function(){
if ($(‘#password-input’).attr(‘type’) == ‘password’){
$(this).addClass(‘view’);
$(‘#password-input’).attr(‘type’, ‘text’);
} else {
$(this).removeClass(‘view’);
$(‘#password-input’).attr(‘type’, ‘password’);
}
return false;
});
</script>

Створити таб вкладки для картки товару WooCommerce

Posted Leave a commentPosted in Поради / рекомендації

Цей плагін розширює WooCommerce, щоб дозволити власникам магазинів додавати власні вкладки до продуктів. Вкладки відображаються на окремих сторінках товару праворуч від вкладки “Опис” за замовчуванням.

Окремими вкладками товару керується на екрані редагування продукту WooCommerce і їх можна додавати для кожного продукту. Ви також можете створити збережені вкладки та додавати їх до кількох продуктів за потреби. Вкладки можна легко додавати, видаляти та переставляти.

Області вмісту вкладок використовують стандартний текстовий редактор WordPress і можуть містити текст, зображення, HTML або шорткоди.

Custom Product Tabs for WooCommerce