Справочники
×

Предупреждение

JUser: :_load: Не удалось загрузить пользователя с ID: 42

В базу данных k2_items добавил поле title_head char(255)

administrator\components\com_k2\views\item\tmpl\default.php после  аналогичного кода для вывода строки таблицы с <?php echo JText::_('K2_TITLE'); ?>

Код:
<tr>
<td class="adminK2LeftCol">
<label for="title_head"><?php echo JText::_('K2_TITLE'); ?> для раздела HEAD</label>
</td>
<td class="adminK2RightCol">
<input class="text_area k2TitleBox" type="text" name="title_head" id="title_head" maxlength="250" value="<?php echo $this->row->title_head; ?>" />
</td>
</tr>


administrator\components\com_k2\tables\k2item.php            

Код:
var $title_head = null;



в шаблоне статьи к2 

Код:
if ($this->item->title_head) JFactory::getDocument()->setTitle($this->item->title_head);



Доработку админских частей к2 сохранить и проверять после обновлений к2

Прежде всего, необходимо создать категорию, в которой будут находиться добавленные товары. Для этого нужно:

  1. Зайти в раздел Категории и нажать иконку Создать
  2. Указать название, псевдоним (если не указать - присвоится автоматически), краткое описание (будет показано в списке категорий) и по желанию можно вписать подробное описание и мета-данные
  3. Вкладку Описание en (на англ.) можно пропустить и перейти в Параметры, где указывается публикация, общее количество товаров в категории (на странице) и в ряду. Если необходимо создать подкатегорию, то в Родительской категории выбрать "родителя".
  4. В последней вкладке Изображение выбирается картинка для категории, размер которой может быть задан:
  • По умолчанию - исходя из основного раздела Настройки - в подразделе Изображение/видео
  • Оригинальный размер - будет показан весь размер загруженной картинки
  • Укажите другой размер - в этом случае можно ввести новые параметры, указав их ниже (Ширина/Высота)

Теперь можно создавать товар, переходим в раздел Товары. Простейший продукт можно создать, указав его название, категорию, цену и изображение. Я рассмотрю на примере, когда используются практически все опции и дополнительные возможности, которые в различных ситуациях могут быть востребованы. Допустим наш товар - компьютер.

1 и 2 вкладjsh-tov1ки - Описание (Ru/En)

  • Название товара - Компьютер Apple
  • Псевдоним - komputer_apple
  • Затем краткое описание - Мощный и стильный компьютер, на грани фантастики
  • Полное описание - Здесь можно написать огромный текст, с возможностью использования в нем плагинов и модулей (если полное отсутствует, то в карточке товара будет показано краткое)
  • По необходимости заполнить мета-данные - META title, META description, META keywords

3 вкладка - Информация о товаре

  • jsh-tov2После установки галочки на публикации, нужно указать цену - допустим, 1000 EUR
  • Цена с НДС будет выставлена автоматически, исходя из налога (по умолчанию НДС - 19%)
  • Если установить галочку на дополнительной цене, то её можно изменять в зависимости от количества покупаемого товара: нажимаем Добавить цену, затем вводим количество от 5 и 10%, цена изменится автоматически.
  • Старая цена вводится для наглядности показа снижения цен, установлю 1300 EUR
  • Затем указывается вес товара, например 5 кг
  • Код товара можно и не вводить
  • Дальше указывается допустимое количество на складе или поставить галочку на Неограничено
  • Если в URL вписать ссылку, то в карточке товара после описания будет надпись "Читать подробнее" с вашей ссылкой
  • Можно выбрать другой налог, если на вашем сайте их несколько
  • Выбираем название производителя из списка созданных ранее, допустим "Apple"
  • Дальше обозначается одна или несколько категорий, с которой связан товар
  • Меткой можно выделить определенный товар, например который новый или со скидкой
  • В базовой цене можно расчитать стоимость одной единицы товара, исходя из главной цены и общего количества

4 вкладка - Атрибут

Если атрибуты ещё не заданы, то нужно кликнуть по ссылке Список атрибутов. Создание атрибута:

  • Нажать на иконку Создать
  • Указать название, тип: выпадающий список (Select) или кнопки (Radio), и отметить - зависимы или нет атрибуты друг от друга
  • После сохранения, в списке атрибутов нажать по ссылке Опции
  • Для значения опции нужно указать название и можно присвоить изображение
  • Таким образом можно создавать несколько значений для одного атрибута

jsattr1 jsattr2

После создания атрибутов, вернемся к товару на вкладку Атрибуты. Для добавления значений атрибута нужно выделить их, указать цену, вес, количество и нажать на Добавить. Если атрибут был отмечен, как не зависимый, то в этом случае выбирается значение атрибута и изменение цены (прибавление +, вычитание - или равно = ), а дальше указывается цена, на которую изменится.

5 вкладка - Свободные атрибуты

Свободные атрибуты создаются для того, чтобы покупатель написал в товаре определенное сообщение, заполнение которого можно сделать обязательным. Для добавления свободного атрибута к товару - просто выбрать их галочками. (Свободные атрибуты создаются в разделе Опции).

6 вкладка - Фото

  • Для загрузки изображения (-ий) кликнуть на Обзор и найти файл (-ы) на компьютере
  • Дальше указать размер превью (в списке товаров): по умолчанию, оригинальный или указать другой размер.
  • Промежуточное фото показывается в карточке товара и для него также можно указать размеры.

jsh-tov3

После сохранения, загруженные изображения можно удалять и устанавливать основное, которое будет показано в списке товаров.

7 вкладка - Видео

Кроме изображений, к товару присваивается и видео, для этого нужно выбрать видео файл на компьютере, для видео можно установить превью.

8 вкладка - Сопутствующий

К продукту можно добавить список сопутствующих товаров, которые могут заинтересовать покупателей. Для поиска конкретного товара нужно ввести его заголовок. Если этого не сделать и нажать Поиск, то будут найдены все товары. Для добавления товара к списку сопутствующих - нажать кнопку Добавить.

9 вкладка - Файлы

Если на вашем интернет-магазине идет продажа виртуальных товаров, то пригодится эта вкладка, где:

  • Загруженный Демо-файл будет доступен для изучения вашего основного продукта, к демо-файлу можно добавить описание
  • Затем загружается Файл для продажи, к которому также можно внести описание.

По умолчанию максимальный размер загружаемого файла - 2 мб. Чтобы увеличить это значение, нужно в файле .htaccess добавить:  php_value upload_max_filesize 5M (значение 5M - означает 5 мб)

10 вкладка - Характеристики

Характеристики выбираются из выпадающего списка для показа определенных особенностей товара. Необходимые характеристики товара нужно создать до того, как вносить товар:

  • Перейти во раздел Опциии подраздел Характеристики товаров, где нажать иконку Создать
  • Затем указать название и выбрать для каких категорий будут показаны
  • После сохранения перейти по ссылке опции и создать необходимые значения, для которых нужно указать лишь название

Я создам характеристику с названием "Состояние" и значениями опций - "Новый" и "Б/У".

Эта была последняя вкладка, после всех действий на них - нажимаем Сохранить и вот результат на сайте:

jsh-tov4

Так как я не указывал код товара, то рядом с заголовком его значения нет. Можно отключить показ кода рядом с заголовком в разделе Настройки - Категория/Товар.

В этой статье мы создадим новую категорию, материал,вставим видео на сайт, создадим фотогалерею . Если вы делали импорт материалов из Joomla в К2, у вас уже имеются материалы и категории. Если у вас чистая установка, то категории и материалы надо создавать традиционным способом: нажать на желтую кнопку Создать. 

 

Создание категории в компоненте К2

Открывается окно создания категории:

Создание новой категории в компоненте К2

Заполняем поле Название категории, создаем псевдоним заголовка, учитывая соображения поисковой оптимизации (псевдоним заголовка - это строка, которая отобразится в адресной строке браузера). Выбираем родительскую категорию, если хотим создать вложенную категорию. Если категория не вложенная, оставляем "Нет". Наследовать параметры от категории- это инструмент, который позволяет выполнить все настройки отображения категории один раз и потом для каждой вновь созданной категории применять те же настройки, это позволяет экономить время при разработке сайта.  Связанная группа дополнительных полей- применяется, как это понятно из названия, для создания дополнительных полей для категории. Об этом немного позже. Пока оставляем "Нет". Публикуем категорию, в поле Опубликовано. Выставляем уровень доступа, если вы хотите, чтобы к данной категории имели доступ только зарегистрированные пользователи, например, выбираем Registered. В остальных случаях, оставляем по умолчанию, Public. Вы можете добавить текст  и изображение для категории. Выглядит это как на моем сайте. Рисунок каждой категории со своим изображением и коротким пояснением.

В блоке справа настраиваем все параметры отображения категории:

Создание категории в компоненте К2 2.6.7

Настраиваем количество колонок и материалов для первичного вывода так, как нам нравится. Сохраняем изменения. Категория создана. Теперь можно создавать материал в этой категории. Для этого переходим на закладку Материалы и нажимаем Создать. Даем название статье и прописываем альяс - это ссылка, которая отображается в браузере, это имеет значение для поисковой оптимизации! Осмысленные альясы повышают шансы продвинуться в поисковой выдаче. Поставьте Избранное, если вы хотите чтобы материал отображался с красным беджиком Featured в правом уголке. Опубликован материал по умолчанию. Закладки для создания материала в К2 2.6.7: контент, изображение, Галерея изображений, Медиа, Доп поля, Вложения. Разберем подробно каждую закладку.

Как создать материал в компоненте К2 2.6.7

В закладке Контент пишем текст статьи, работаем со шрифтами, выделения, стили, списки, все это зависит от установленного по умолчанию редактора. В закладке Изображение можно загрузить изображение со своего компьютера либо же вставить картинку уже закачанную на сервер. Закладка Галерея изображений позволяет создать галерею изображений, для этого надо загрузить zip архив фотографий. 

Закладка Медиа позволяет вставить большое разнообразие медиа контента.

Создание медиа контента в К2 2.6.7

Для нашего сайта я выбрала провайдера Youtube, нашла подходящий ролик, скопировала его ID и вставила в поле ID.

K2 всиавка видео

После этого наслаждаемся результатом!

Открываем закладку Галерея изображений, находим на своем компьютере zip-архив нашей фотогалереи или вводим ссылку на фотогалерею Flickr! Готово! Фотографии я сделала в музее старинных авто на побережье Атлантического океана.

Как создать фотогалерею в компоненте К2 2.5.7

 

Кнопки социального обмена в К2

В компоненте К2 2.6.2 кнопки социального обмена представлены всего тремя крупными сетями: Facebook, Twitter и Google+.

 

Работа с набором элементов

Перемещения по дереву DOM

.children()   Находит все дочерние элементы у выбранных элементов. При необходимости, можно указать селектор для фильтрации.
.closest()   Находит ближайший, соответствующий заданному селектору элемент, из числа следующих: сам выбранный элемент, его родитель, его прародитель, и так далее, до начало дерева DOM.
.find()   Находит элементы по заданному селектору, внутри выбранных элементов.
.next()   Находит элементы, которые лежат непосредственно после каждого из выбранных элементов.
.nextAll()   Находит элементы, которые лежат после каждого из выбранных элементов.
.nextUntil()   Находит элементы, которые лежат после каждого из выбранных, но не дальше элемента, удовлетворяющего заданному селектору.
.offsetParent()   Возвращает ближайшего предка c позиционированием, отличным от static (позиционирование по умолчанию).
.parent()   Находит родительские элементы у всех выбранных элементов.
.parents()   Находит всех предков у выбранных элементов, т.е. не только прямых родителей, но и прародителей, прапрародителей и так далее, до начало дерева DOM.
.parentsUntil()   Находит предков, как и .parents(), но прекращает поиск перед элементом, удовлетворяющим заданному селектору.
.prev()   Находит элементы, которые лежат непосредственно перед каждым из выбранных элементов.
.prevAll()   Находит элементы, которые лежат перед каждым из выбранных элементов.
.prevUntil()   Находит элементы, которые лежат перед каждым из выбранных, но не дальше элемента, соответствующего заданному селектору.
.siblings()   Находит все соседние элементы (под соседними понимаются элементы с общим родителем).

Фильтрация набора

.eq()   Возвращает элемент, идущий под заданным номером в наборе выбранных элементов.
.filter()   Фильтрует набор выбранных элементов с помощью заданного селектора или функции.
.first()   Возвращает первый элемент в наборе.
.has()   Фильтрует набор выбранных элементов, оставляя те, которые имеют потомков, соответствующих селектору.
.is()   Проверяет, содержится ли в наборе, хотя бы один элемент удовлетворяющий заданному селектору.
.last()   Возвращает последний элемент в наборе.
.not()   Возвращает элементы, не соответствующие заданным условиям.
.slice()   Возвращает элементы с индексами из определенной области (например от 0 до 5).

 Обход набора

.each()   Вызывает заданную функцию для каждого элемента набора.
.map()   Вызывает заданную функцию для каждого элемента набора, и в итоге создает новый набор, составленный из значений, возвращенных этой функцией.

 Другие методы

.add()   Добавляет заданные элементы в набор.
.andSelf()   Добавляет элементы из предыдущего набора, к текущему (речь идет об одной цепочке методов).
.contents()   Находит все дочерние элементы у выбранных элементов. В результат, помимо элементов, включается и текст.
.end()   Возвращает предыдущий набор элементов в текущей цепочке методов.

 

Атрибуты

 

Функции данного раздела позволяют работать с атрибутами элементов страницы: классами, идентификаторами, значениями формы и.т.д.

.attr() возвращает/изменяет (в зависимости от числа параметров) значение атрибута у элементов на странице
.removeAttr() удаляет атрибут у элементов на странице
.addClass() добавляет класс элементам на странице
.removeClass() удаляет класс(ы) у элементов на странице
.toggleClass() изменяет наличие класса у элементов на противоположное (добавляет/удаляет)
.hasClass() проверяет наличие класса cName хотя бы у одного из выбранных элементов
.val() возвращает/изменяет (в зависимости от числа параметров) значение атрибута value у элементов на странице

 


Свяжитесь с нами

  • МТС: 066 607 11 16
  • КС: 067 191 41 95

Работа над проэктами