Нужна помощь по WordPress
Ребят помогите пожалуйста, не могу найти как исправить в элементе кнопки под товаром, вылазит текст в мобильной версии, а на версии Пк всё нормально. Может где в настройках есть изменить текст на простой ;В корзину;
Искал по всем настройкам не нашёл :cry:
+Ссылка на сайт
+Скриншоты
Комментарии: 16

CabinetAdmin 15 ноя 2018, 15:51 Сообщение

Хм... Вам надо найти такой кусок:

Код: Выделить всё

.woocommerce[class*=columns-] ul.products li.product{width:48%;float:left;clear:both;margin:0 0 2.992em}
Где-то в середине woocommerce файла в стиле. Судя по отладчику это woocommerce-smallscreen.css
В найденном width:48%; надо поменять на width:48%!important;.

В конец файла добавить:

Код: Выделить всё

@media only screen and (max-width:400px){.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce-page[class*=columns-] ul.products li.product,.woocommerce[class*=columns-] ul.products li.product{width:auto!important;}}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

GausЮра 16 ноя 2018, 17:53 Сообщение

CabinetAdmin, Благодарю па пробую поменять :wink:
  • 0
Изображение

GausЮра 16 ноя 2018, 18:29 Сообщение

CabinetAdmin,
Не меняется ((( странно и кеш скинул(
Вот этот код из файла
+Код
  • 0
Изображение

CabinetAdmin 16 ноя 2018, 21:17 Сообщение

Да, этот стиль.
Можно попробовать добавить не в плагин, а в стиль, так:

Код: Выделить всё

@media only screen and (max-width:768px){.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce-page[class*=columns-] ul.products li.product,.woocommerce[class*=columns-] ul.products li.product{width:48%!important;}}
@media only screen and (max-width:400px){.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce-page[class*=columns-] ul.products li.product,.woocommerce[class*=columns-] ul.products li.product{width:auto!important;}}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

GausЮра 17 ноя 2018, 16:12 Сообщение

CabinetAdmin, Сего буду пробовать, надо только бекап стиля сделать, на всяк-случай))
  • 0
Изображение

solo 02 апр 2021, 12:50 Сообщение

Всех приветствую, Помогите пожалуйста.
На сайте https://soffit18.ru/natyazhnye-potolki/ стоит плагин Contact Form 7.
Первый год заявки шли норм, а сейчас спамеры с моей формы мне шлют всякий бред.
Вопрос: как ограничить написание символов в форму "Ваше имя" и в форму "Тел."
Или может есть решение другое?
Заранее благодарен
  • 0

CabinetAdmin 02 апр 2021, 14:50 Сообщение

Самый простой прикрутить reCAPTCHA. В настройках интеграции есть соответствующий пункт.

Могу набросать скрипт для поля телефона, чтобы можно было только номера вводить, что-то вроде такого:

Код: Выделить всё

(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
})(jQuery);
tel-428 это name поля.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

solo 03 апр 2021, 17:32 Сообщение

CabinetAdmin писал(а): 02 апр 2021, 14:50 Самый простой прикрутить reCAPTCHA. В настройках интеграции есть соответствующий пункт.

Могу набросать скрипт для поля телефона, чтобы можно было только номера вводить, что-то вроде такого:

Код: Выделить всё

(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
})(jQuery);
tel-428 это name поля.
А можно таким же способом , как с телефоном, ограничить ввод символов в поле "Ваше имя"?
  • 0

CabinetAdmin 03 апр 2021, 18:19 Сообщение

Да, конечно:

Код: Выделить всё

(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
	var maxLen = 10;
	$('[name=text-445]').on('keydown', function(){
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
})(jQuery);
maxLen ограничение количества символов.


Плюс вот такой ещё вам вариант, плюс к предыдущему ввод только русских букв:

Код: Выделить всё

(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
	
	$('[name=text-445]').on('keydown', function(){
		var maxLen = 10;
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
	
	$('[name=text-445]').on('keyup blur',function(){ 
		$(this).val($(this).val().replace(/[^а-я]/g,'') );
	});
})(jQuery);
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

solo 03 апр 2021, 18:40 Сообщение

CabinetAdmin писал(а): 03 апр 2021, 18:19 Да, конечно:

Код: Выделить всё

(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
	var maxLen = 10;
	$('[name=text-445]').on('keydown', function(){
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
})(jQuery);
maxLen ограничение количества символов.


Плюс вот такой ещё вам вариант, плюс к предыдущему ввод только русских букв:

Код: Выделить всё

(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
	
	$('[name=text-445]').on('keydown', function(){
		var maxLen = 10;
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
	
	$('[name=text-445]').on('keyup blur',function(){ 
		$(this).val($(this).val().replace(/[^а-я]/g,'') );
	});
})(jQuery);
огромное спасибо за скрипт. А в плагине Contact Form 7 , куда этот скрипт вставить. На странице моего сайта я вставлял форму по средством шорткода ( [contact-form-7 id="2502" title="Без названия"] )
Вот файлы плагина : https://prnt.sc/1139bkv
  • 0

CabinetAdmin 03 апр 2021, 19:12 Сообщение

В functions.php используемой темы:

Код: Выделить всё

/* js для Contact Form 7 */
add_action("wp_footer", "reg_js_cf", 20);
function reg_js_cf() {
	echo '
<script>
(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
	
	$('[name=text-445]').on('keydown', function(){
		var maxLen = 10;
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
	
	$('[name=text-445]').on('keyup blur',function(){ 
		$(this).val($(this).val().replace(/[^а-я]/g,'') );
	});
})(jQuery);
</script>';
}
можно просто в конец, либо, если уже есть свои добавленные коды, то к ним.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

solo 03 апр 2021, 19:17 Сообщение

CabinetAdmin писал(а): 03 апр 2021, 19:12 В functions.php используемой темы:

Код: Выделить всё

/* js для Contact Form 7 */
add_action("wp_footer", "reg_js_cf", 20);
function reg_js_cf() {
	echo '
<script>
(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
	
	$('[name=text-445]').on('keydown', function(){
		var maxLen = 10;
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
	
	$('[name=text-445]').on('keyup blur',function(){ 
		$(this).val($(this).val().replace(/[^а-я]/g,'') );
	});
})(jQuery);
</script>';
}
можно просто в конец, либо, если уже есть свои добавленные коды, то к ним.
https://prnt.sc/1139s9f
Ошибка, но это я не через FTP сохранял , а в админке
  • 0

solo 03 апр 2021, 19:29 Сообщение

solo писал(а): 03 апр 2021, 19:17
CabinetAdmin писал(а): 03 апр 2021, 19:12 В functions.php используемой темы:

Код: Выделить всё

/* js для Contact Form 7 */
add_action("wp_footer", "reg_js_cf", 20);
function reg_js_cf() {
	echo '
<script>
(function($) {
	$('[name=tel-428]').on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, '');
		}
	});
	
	$('[name=text-445]').on('keydown', function(){
		var maxLen = 10;
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
	
	$('[name=text-445]').on('keyup blur',function(){ 
		$(this).val($(this).val().replace(/[^а-я]/g,'') );
	});
})(jQuery);
</script>';
}
можно просто в конец, либо, если уже есть свои добавленные коды, то к ним.
https://prnt.sc/1139s9f
Ошибка, но это я не через FTP сохранял , а в админке
Вот вставил ваш скрипт
результат: https://prnt.sc/113a0sf
  • 0

CabinetAdmin 03 апр 2021, 20:24 Сообщение

Прошу прощения, про кавычки забыл:

Код: Выделить всё

/* js для Contact Form 7 */
add_action("wp_footer", "reg_js_cf", 20);
function reg_js_cf() {
	echo '
<script>
(function($) {
	$("[name=tel-428]").on("change keyup input click", function() {
		if (this.value.match(/[^0-9]/g)) {
			this.value = this.value.replace(/[^0-9]/g, "");
		}
	});
	
	$("[name=text-445]").on("keydown", function(){
		var maxLen = 10;
		if (this.value.length > maxLen){
			this.value = this.value.slice(0, maxLen);
		}
	});
	
	$("[name=text-445]").on("keyup blur",function(){ 
		$(this).val($(this).val().replace(/[^а-я]/g,"") );
	});
})(jQuery);
</script>';
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!