Урок 11 Создаем интернет магазин на Joomla Создание модуля с баннером

Автор Elena Batratskaya
Урок 11 Создаем интернет магазин на Joomla   Создание модуля с баннером

продолжаем и в данном видеоуроке мы с вами установим вот такой вот модуль с картинкой iPhone iPhone 4 естественно данную картинку.

Вы можете любую то есть та которая присуща вам либо вообще её не делать то есть я просто покажу чтобы знали как — это делается так ну причём — это мы сделаем. Я обнаружил такую смотрите обнаружил таскать отличие от моего сайта вот лучших товаров на моём сайте. Вот такая вот штучка есть.

Да у меня же такой штучки нет о чём.

Это говорит о том, что мы просто стиле мне прописали для данного модуля так. Ну если мы сейчас зайдём в админку магазина вернее в админку магазин. Да и здесь на модуль лучших товаров. Так давайте посмотрим через как он называется. Так он называется топ рейтинг первым контролёр контролёр не нашел потому, что все страницы надо поставить на одной странице чтобы все модули показы опять контролёр контролёр вот он находит геопозицию. Да и. Давай зайдём и посмотрим там наверняка прописано какие-то стиль. Да вот именно так да вот стилем текста из класса модуля виджет топ копируем данный стиль идём наш модуль. Лучшие товары. Заходим в него и здесь суффикс css-класса модуля вставляем данный класс ставили нажимали нажимаем кнопочку сохранить и закрыть и теперь если я обновлю страницу нашего сайта у нас там должна появиться. Вот такая вот штучка стопам. Да вот она появилась. И теперь я немножко привлекательна всё — это дело смотрится. А, что же замечательно. Теперь давайте переходим к созданию модуля вот смотрите то есть первоначальном своем устанавливали модули на то есть устанавливали их искать уже готовы все мы должны создать новый модуль в котором мы ставим необходимы для нас картинку для того чтобы создать модуль нужно нажать на вот эту кнопочку создать и выбрать здесь подходящие для наших для нас модуль. То есть можно создавать здесь дубликаты модуля как-то есть модуль которые у нас есть можно создавать дубликат есть модули есть модуль HTML код так вот она сейчас интересуют непосредственно этот модуль HTML код в которые можно вставлять разнообразные тексты разнообразные изображения выбираем. Ты ещё как по ссылке HTML код самым выборов в данный модуль заголовок модуля давайте пропишем как банят позиция модуля у нас будет лифт далее. Нам необходимо вставить картинку вот сюда вот в текстовый редактор который у нас здесь появился модуль для того чтобы вставить изображение в данном текстовый редактор. Нам необходимо кликнуть по вот этой вот кнопочки. Давай сделаем, а так вот здесь у нас отображены все который у нас стоит по умолчанию в данном шаблоне естественно когда нужно изображение сейчас нас здесь не для того чтобы добавить изображение с нашего рабочего компьютера рабочего таскать компьютера нажимаем кнопочку выбрать файлы и в дополнительных материалах. Вы можете найти данные изображения в папке изображения изображения вот адв-1 называется данный баннер картинка. Какие и далее необходимо нажать на вот эту кнопочку загрузить нажимаем и вот у нас загрузка произошла успешно. Далее кликаем по нашей картинки у нас ссылка на картинку вставляется адресу розы после чего нажимаем на кнопочку выбрать выбираем отлично следующий момент который нужно сделать нужно нажать на кнопочку сохранить, а нет вру. А нужно поставить на всех страницах надпись все страницы чтобы у нас были то есть на всех страницах. В данный модуль показывался так далее нажимаем кнопочку захоронить и смотрим как у нас встала обновляем страницу нашего сайта так видим во-первых видим, что мы забыли убрать название во-вторых данный модуль стоит выше, а нам нужно поставить вниз и в-третьих он выходит за рамки замечательно так показать заголовок здесь открываемого нажмем пока сохранить и закрыть и поменяем у позицию так у него будет номер три да то есть один — это продукция 2 — это вход в магазин и номер три — это будет баня. Ну если на примере смотреть то — это так и есть. Так нажимаем на дискотеку обновляем нашу страничку и вот пожалуйста. Он у нас внизу единственный момент. Ещё раз повторюсь он у нас выходит за рамки — это просто-напросто опять же есть стили для того чтобы в стиле посмотреть нам этот модуль нужно найти в админке сайта заходит в админку сайта и чтобы я найти то есть у нас здесь данный модуль названия никакого не имеет поэтому проще всего найти позицию лифт находим здесь позицию вот все модули которые у нас размещены в позиционных так категория понятно просто потому, что был последний какие-то ноги. Вот Что. Вот видите то, что у каждого модуля есть сказать родитель. Да вернее сказать прописано, что — это за модуль. Да так вот. АДС видно да, что — это html-код то есть модуль HTML кода и так сказать скорее всего, что — это и есть модуль который нам нужен. Давайте проверим зайдём сейчас посылочки. АДС и посмотрим увидимся, тогда действительно вот наша картинка и так здесь ничего откроем дополнительные параметры и вот за суффикс css-класса модуля бланк. Нижний нижний пробел бланк копируем данные css-класс идём в наш модуль открываем его баннер и вставляя на тоже место до параметры суффиксе s-класса вставляем замечательного нажимаем кнопочку сохранить и закрыть и теперь. Давайте попробуем обновить наш сайт. Обновили И вот пожалуйста за, что и требовалось доказать то есть мы имеем то для результат который. Дима сайты которые есть на моём сайте всё. Элементарно Так, что в данном видео мы с вами задачу выполнили и в следующем видео мы с вами займемся установка модуля и ремонт новостройки под названием поиск поиск — это очень важно модуль который обязательном порядке должен.

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

Читайте также