@@include("../parts/head.html") @@include("../parts/header.html")
@@include("../parts/navbar.html")

Блок "Word-author"

Описание

Блок "Word-author" - это блок с ссылкой на покупку или пожертвование, ссылка на онлайн-магазин и кнопки соц. сецей. В библиотеке доступны вариант с ссылкой на покупку плагина или вариант с ссылкой пожертвовать.

Демо с блоком "Купить"

Для использования блока с ссылкой купить требуется подключить следующие LESS файлы.

						   
@import "../../blocks/word-author/word-author.less"; 
@import "../../blocks/word-author/modifiers/word-author_claret/word-author_claret.less"; 
						   
					

Важно! Путь указан относительно текущего файла Вполне возможно, что вам потребуется указать свой.

Указать пути к иконкам в своем LESS файле.

						   
.word-author__buy:before {
  background-image: url("../../blocks/word-author/dollar_claret.svg");
}

.word-author__look-projects:before{ 
  background-image: url("../../blocks/word-author/eye.svg");
} 

.word-author__share:before{
  background-image: url("../../blocks/word-author/share.svg");
}
						   
					

Важно! Путь указан относительно текущего файла Вполне возможно, что вам потребуется указать свой.

Далее требуется скопировать следующую разметку и вставить в свой файл.

											
@@include("../../../blocks/word-author/modifiers/word-author_buy/word-author_buy-source.html")
						
					

После сделанных шагов вы должны увидеть в браузере следующий блок.

@@include("../../../blocks/word-author/modifiers/word-author_buy/word-author_buy.html")
Важно! Для демонстрации блока я добавил путь к иконки background-image: url("../../blocks/icons/dollar/dollar_claret.svg"). При инициализации блока нужно будет указать путь относительно вашей файловой структуры.

Демо с блоком "Пожертвовать"

Для использования блока требуется подключить следующие LESS файлы.

						
@import "../../blocks/word-author/word-author.less"; 
@import "../../blocks/word-author/modifiers/word-author_claret/word-author_claret.less"; 
@import "../../blocks/donate/donate.less"; 						
						
					

Указать пути к иконкам в своем LESS файле.

						   
.word-author__look-projects:before{ 
  background-image: url("../../blocks/word-author/eye.svg");
} 

.word-author__share:before{
  background-image: url("../../blocks/word-author/share.svg");
}
						   
					

Важно! Путь указан относительно текущего файла Вполне возможно, что вам потребуется указать свой.

Далее скопируйте следующий HTML и вставьте в свой файл.

						
@@include("../../../blocks/word-author/modifiers/word-author_donate/word-author_donate-source.html")
						   
					

В результате в браузере вы должны увидеть следующий блок.

@@include("../../../blocks/word-author/modifiers/word-author_donate/word-author_donate.html")
@@include("../parts/scripts.html")