Ответы, понравившиеся пользователю AltaiR

Как в woocommerce изменить разметку списка товаров?

Иван Козлов @trampick

Веб-разработчик

Удаляешь woo хук. Добавляешь новый со ссылкой на свою функцию. Это можно разместить в functions.php

remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );
add_action( 'woocommerce_shop_loop_item_title', 'custom_woocommerce_template_loop_product_title', 10 );
function custom_woocommerce_template_loop_product_title() {
echo '<h3 class="myclass">' . get_the_title() . '</h3>';
}

Ответ написан более трёх лет назад

7 комментариев

Как правильно это реализовать?

Денис Янчевский @deniscopro Куратор тега WordPress

WordPress-разработчик, denisco.pro

Добрый день.

1. Многие используют для этого визуальные редакторы, типа Visual Composer, но мне больше нравится вариант с шорткодами. По сути VC и другие редакторы тоже делают все через шорткоды, просто добавляют обертку в виде визуального интерфейса.
2. Всё зависит от логики Вашей реализации. Можно заполнять содержимое шорткода прямо в редакторе страницы или добавить свой тип записей и подгружать оттуда или задействовать Customizer или произвольные поля.

P.S. В каталоге WordPress есть много плагинов с готовыми наборами шорткодов, например, Shortcodes Ultimate.

Ответ написан более трёх лет назад

3 комментария

Как добавить класс к краткому описанию товара в каталоге WooCommerce?

Денис Янчевский @deniscopro Куратор тега WordPress

WordPress-разработчик, denisco.pro

Можно обернуть в div

function add_short_description() {
  echo '<div class="my-class">';
  echo the_excerpt();
  echo '</div>';
}

add_action( 'woocommerce_after_shop_loop_item_title', 'add_short_description', 9 );

Ответ написан более трёх лет назад

Комментировать

Как подружить woocommerce c bootstrap?

Иван Козлов @trampick

Веб-разработчик

Вам нужен файл content-product.php в templates

Ответ написан более трёх лет назад

Комментировать

Как подружить woocommerce c bootstrap?

Павел @Palych_tw

Типа веб-разработчик

Почитайте здесь

Ответ написан более трёх лет назад

Комментировать

Почему не подключаются стили woocommerce?

Павел @Palych_tw

Типа веб-разработчик

Скорее всего стили не применяются, потому что нет главного контейнера .woocommerce. Все стили от него написаны. Сделайте в вашей теме тег body вот так
<body <?php body_class(); ?>>

Ответ написан более трёх лет назад

3 комментария

Как вставить иконку только для первого пункта меню в Wordpress?

Игорь Воротнёв @HeadOnFire

PHP, Laravel & WordPress Evangelist

Либо просто с помощью CSS бекграундом или :after дописать, или же если нужно все-таки разметку вставить () - в админке для пункта меню укажите специальный css-класс, например has-icon-login, далее хукаетесь в walker_nav_menu_start_el и модифицируете разметку:

function my_custom_markup( $item_output, $item, $depth, $args ) {

	// Отлавливаем элемент меню с нашим классом
	if ( in_array( 'has-icon-login', $item->classes ) ) {
		// Меняем разметку
		return str_replace(
			'<a',
			'<i class="icon-user"></i><a',
			$item_output
		);
	}

	return $item_output;

}
add_filter( 'walker_nav_menu_start_el', 'my_custom_markup', 100, 4 );

Ответ написан более трёх лет назад

Комментировать

Как свернуть bootstrap меню в гамбургер для планшетов и ниже?

iBird Rose @iiiBird Куратор тега CSS

Пока ты спишь - твой конкурент совершенствуется

getbootstrap.com/customize
пункт @grid-float-breakpoint
изменяешь на @screen-md-min

Ответ написан более трёх лет назад

1 комментарий

Как реализовать адаптивность такого сайта?

krumza @krumza

для начала в тег <head>
воткни

<meta name="viewport" content="width=device-width, initial-scale=1">

Затем
/* min-width: 1000px; */ - везде поудаляй в style.css
в HTML файле тоже удали все атрибуты типа
/*width="2560" height="1440"*/
затем
img {
position:relative;
top: 0;
left: 0;
max-width: 100%;
height: auto;
z-index: 1;
}

вот код https://yadi.sk/d/LLyfUyXGtADnU

Ответ написан более трёх лет назад

Комментировать

Можно ли сделать такую кнопку на CSS?

Sergey Loysha @sergeyloysha

Front-end developer

z-index: -1; -только для :before,:after
codepen.io/sergeyloysha/pen/jAwZpW

Ответ написан более трёх лет назад

Комментировать

Можно ли сделать такую кнопку на CSS?

Олег @werty1001

undefined

Идеально и чисто на CSS сделать сложно, лучше svg, а так вот:
http://codepen.io/werty1001/pen/qNjJKo

Ответ написан более трёх лет назад

Комментировать

Можно ли сделать такую кнопку на CSS?

Nikolay Talanov @Ronnie_Gardocki

Я у мамы фронтендщик.

codepen.io/suez/pen/b4c15bba590bb45c177002a1f7e45477
С градиентом!

Ответ написан более трёх лет назад

Комментировать

Можно ли сделать такую кнопку на CSS?

Котик Антон @27cm

TODO: Написать статус

Попробуй задать кнопке position: relative, а псевдоэлементам отрицательный z-index:
codepen.io/anon/pen/bZRxyO

Ответ написан более трёх лет назад

Комментировать

Как в Bootstrap использовать адаптивный шрифт?

Mike Syomin @kenzokikenzoki

Околопогромист

В стилях укажи медиа-запрос типа:

media screen and (min-width: %min-width&) and (max-width: %max-width%) {
}

А вообще беглым гуглением нашел: stackoverflow.com/questions/14537611/bootstrap-res...

Ответ написан более трёх лет назад

Комментировать

Как подключить шрифт Calibri?

Ivan Bogachev @sfi0zy Куратор тега CSS

Creative frontend developer

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

font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

чтобы те, у кого Calibri есть в системе могли видеть его, но и остальные не сильно пострадали, либо скажите дизайнеру, что он не совсем прав и, если без Calibri никуда, - пусть он сам и покупает все что необходимо

Ответ написан более трёх лет назад

2 комментария

Как подключить шрифт Calibri?

Алексей @skazi_premiere

Верстаем как умеем ;) HTML/CSS/JS

Шрифт есть в системе в %WinDir%\Fonts а дальше вот сюда его. Получите WebFont и подключаете.

Ответ написан более трёх лет назад

4 комментария

Какие есть хорошие и не устаревшие уроки по Bootstrap?

Даниил Сорокин @DanSorokin

Full-stack developer at onvoya.com

Читайте доки bootstrap-3.ru/index.php

Ответ написан более трёх лет назад

Комментировать

Как импортировать цветовую схему в Sublime Text 3?

kestik @kestik

В главном меню Sublime Text выбираете Preferences > Browse Packages...
Помещайте файл .tmTheme в папку User и потом выбираете схему из меню Preferences > Color Scheme > User

Ответ написан более трёх лет назад

1 комментарий

Как создать тему Wordpress с помощью фреймворка?

Дмитрий @dimasmagadan

Уже писал (чтоб не повторяться Качественные скринкасты по фронт-энд разработке с нуля? ).
Очень не рекомендую этот канал для обучения WordPress - парень с ошибками рассказывает, в движке не разбирается.

Те "знания", которые вы получили просмотрев 2х часовой ролик, лучше забыть) К WordPress это относится мало.

Ответ написан более трёх лет назад

4 комментария

Как создать тему Wordpress с помощью фреймворка?

Sanes @Sanes

Готовую может и натянешь, если километровую портянку на PHP к этому приложить.
Поэтому лучше сразу верстать с учетом особенностей WP.
Чтобы осознать всю прелесть, попробуйте обычный навбар из бутстрапа интегрировать.
У него же есть видео, как делать тему на LayersWP

Ответ написан более трёх лет назад

2 комментария

Войдите на сайт