Сообщений в теме: 7

[ke1evra]

Аккаунт: SL-199153
Добрый день, подскажите что необходимо сделать для поддержки Glythicon Bootstrap 3.0  http://getbootstrap.com/components/

А именно, нужна папка ../fonts/, в ней должны лежать четыре файла:

• glyphicons-halflings-regular.eot
  
  
• glyphicons-halflings-regular.svg
  
  
• glyphicons-halflings-regular.ttf
  
  
• glyphicons-halflings-regular.woff

А дальше конструкция типа:

<span class="glyphicon glyphicon-search"></span>

Кроме того на сайте появляется javascript ошибка - не знаю в чем дело, но те функции, которые мне были нужны, работают.

Прикрепленные файлы

•  fonts.zip   61,82К   926 Количество загрузок:

[support 2.0]

ke1evra (26 Август 2013 - 10:41) писал:

Аккаунт: SL-199153
Добрый день, подскажите что необходимо сделать для поддержки Glythicon Bootstrap 3.0  http://getbootstrap.com/components/

А именно, нужна папка ../fonts/, в ней должны лежать четыре файла:

• glyphicons-halflings-regular.eot
  
  
• glyphicons-halflings-regular.svg
  
  
• glyphicons-halflings-regular.ttf
  
  
• glyphicons-halflings-regular.woff

А дальше конструкция типа:

<span class="glyphicon glyphicon-search"></span>

Кроме того на сайте появляется javascript ошибка - не знаю в чем дело, но те функции, которые мне были нужны, работают.

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

[ke1evra]

Файлы добавил, но они не появились в левой панели.

Имеется CSS Описание шрифта, понял что нужно заменить ../fonts/ в строке src: url('../fonts/glyphicons-halflings-regular.eot');подскажите как именно?

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
line-height: 1;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}

[Сake]

На данный момент у вас присутствует 2 ошибки.


1) Не загружен файл bootstrap-responsive.css В ам необходимо загрузить данный фал в разделе редактора тем, и указать корректный адрес к данному файлу стилей.

2) В ы загрузили и подключили файл jquery.js который подключать не нужно, так как он уже подключен. Повторное подключение библиотеки jQuery вызывает конфликт модулей. Вам необходимо удалить данное подключение в шаблоне "HTML".

Адрес к шрифтам у вас задан относительный (../fonts/) а вам необходим прямой путь. Файлы или изображения указываются через переменную {ASSETS_OTHER_PATH}имя файла, например

@font-face {
font-family: 'Glyphicons Halflings';
src: url('{ASSETS_OTHER_PATH}glyphicons-halflings-regular.eot');
src: url('{ASSETS_OTHER_PATH}glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('{ASSETS_OTHER_PATH}glyphicons-halflings-regular.woff') format('woff'), url('{ASSETS_OTHER_PATH}glyphicons-halflings-regular.ttf') format('truetype'), url('{ASSETS_OTHER_PATH}glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

все файлы вам необходимо загружать в разделе редактора тем или в корень сайта.

[ke1evra]

Сake (27 Август 2013 - 06:11) писал:

1) Не загружен файл bootstrap-responsive.css В ам необходимо загрузить данный фал в разделе редактора тем, и указать корректный адрес к данному файлу стилей.

Файл bootstrap-responsive.css более не входит в состав Bootstrap, начиная с версии 3 RC1, актуальная версия на данный момент 3.0.0
Файлы которые входят в состав:

• bootstrap.css
  
• bootstrap.min.css
  
• bootstrap-theme.css
  
• bootstrap-theme.min.css

Сake (27 Август 2013 - 06:11) писал:

2) В ы загрузили и подключили файл jquery.js который подключать не нужно, так как он уже подключен. Повторное подключение библиотеки jQuery вызывает конфликт модулей. Вам необходимо удалить данное подключение в шаблоне "HTML".

Если из шаблона HTML убрать строчку

<script src="http://code.jquery.com/jquery.js"></script>

ошибки нет, но перестает работать кнопка

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
	 <span class="sr-only">Toggle navigation</span>
	 <span class="icon-bar"></span>
	 <span class="icon-bar"></span>
	 <span class="icon-bar"></span>
</button>

Сake (27 Август 2013 - 06:11) писал:

Адрес к шрифтам у вас задан относительный (../fonts/) а вам необходим прямой путь. Файлы или изображения указываются через переменную {ASSETS_OTHER_PATH}имя файла, например

С этим разобрался, спасибо, но возникла следующая проблема:
Теперь путь к файлу имеет вид http://design.название-магазина/glyphicons-halflings-regular.eot

Firefox, из соображений безопасности, не разрешает использование кросс-доменных шрифтов (включая поддомены), и вместо иконки отображает совсем не то, что хотелось бы.


Решение проблемы, которое мне удалось найти:
Необходимо прописать Access-Control-Allow-Origin, для этого в файле .htaccess, который расположен в одной папке со шрифтами добавить следующий код:

<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

Либо если используется веб сервер nginx, необходимо добавить следующий код в виртуальных host файл:

location ~* \.(eot|otf|ttf|woff)$ {
add_header Access-Control-Allow-Origin *;
}

(картинки и перевод со страницы http://www.red-team-...onts-by-default)

[Сake]

Цитата

Файл bootstrap-responsive.css более не входит в состав Bootstrap, начиная с версии 3 RC1, актуальная версия на данный момент 3.0.0

Имелось в виду что ссылка на файл указана через link а сам файл недоступен. Это не влияет на отображение, только увеличивает время загрузки сайта. Если данный файл не нужен, то необходимо просто удалить подключение этого файла в шаблоне "HTML".

Цитата

Если из шаблона HTML убрать строчку
<script src="http://code.jquery.c...y.js"></script>
ошибки нет, но перестает работать кнопка

Возможно это связано с версией jquery, тем самым какая-то зависимость не подключается. Так же возможно данный bootstrap не поддерживает имеющуюся версию jquery у вас на сайте. При подключении еще одной версии jquery будет порождаться конфликт из-за подключаемых плагинов, например таких как nyroModal и т.д
Как вариант попробовать использовать другой шаблон, где версия jquery выше. Например "Техника" или "Вечность".

Цитата

Firefox, из соображений безопасности, не разрешает использование кросс-доменных шрифтов (включая поддомены), и вместо иконки отображает совсем не то, что хотелось бы.

Данная информация будет передана разработчикам.

[support]

Сake (30 Август 2013 - 05:22) писал:

Данная информация будет передана разработчикам.

Папка дизайна полностью дублируется по адресу название домена.ру/design/ поэтому Вы можете прописать путь к этому файлу следующий:

http://название-магазина/design/glyphicons-halflings-regular.eot

В ближайшем будущем планируем допилить редактирование путей к файлам, но пока временно приходится прописывать руками

[alexFast]

Посмотри на сайте http://itchief.ru/le...ootstrap-3-icon там всё подробно про иконки описано