Интернет-магазин одежды

СОДЕРЖАНИЕ
ВВЕДЕНИЕ 4
1. ХАРАКТЕРИСТИКА ЭЛЕКТРОННЫХ МАГАЗИНОВ 7
1.1 Сущность и значение интернет-торговли в современных условиях рынка 7
1.2 Виды электронной торговли 10
1.2.1. Интернет-магазин как вид электронной коммерции 10
1.2.2. Базовые компоненты электронного магазина 13
1.3 Электронные магазины: сущность, функции, классификация 15
1.4 Развитие электронной коммерции в России 16
2. ПРОЕКТИРОВАНИЕ СИСТЕМЫ УПРАВЛЕНИЕ ИНТЕРНЕТ МАГАЗИНОМ 18
2.1. Проектирование информационной системы магазина 18
2.2. Постановка задачи 20
2.2.1. Требование к персоналу системы и режиму его работы. 20
2.2.2. Общая характеристика организации решения задачи на ЭВМ 21
2.3. Процессы, которыми управляет менеджер интернет магазина 21
2.3.1. Процессы управления товаром 22
2.3.2. Процессы управления статистическими данными 24
2.4. Проектирование базы данных магазина 24
2.5. Проектирование пользовательского интерфейса 26
3. РАЗРАБОТКА И ПРОДВИЖЕНИЕ ИНТЕРНЕТ-МАГАЗИНА ДЕТСКОЙ ОДЕЖДЫ ««ВИКТОРИЯ»» 29
3.1. Анализ проблем создания электронного магазина 29
3.1.1. Структура и элементы дизайна Интернет магазина 41
3.1.2. Требования к системе управления электронным магазином 43
3.2. Анализ систем управления интернет магазином и выбор оптимальной 45
3.3. Описание модуля для CMS Joomla VirtueMart 52
3.3.1. Панель администратора 54
3.3.2. Возможности модуля 57
3.3.3. Реализация системы магазина 61
3.4. Разработка шаблона сайта 63
3.5. Разработка магазина детской одежды«Виктория» 66
3.5.1. Настройка основных параметров и компонент магазина 66
2.4.2. Создание основного содержания магазина. 68
4. ИССЛЕДОВАНИЕ ЭФФЕКТИВНОСТИ ФУНКЦИОНИРОВАНИЯ ИНТЕРНЕТ МАГАЗИНА 74
4.1. Методика расчета экономической эффективности системы 74
4.2. Расчет экономической эффективности АС. 76
5. БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ 83
5.1. Требования по охране труда на IT предприятиях 83
5.3. Расчет уровня шума 85
5.4. Расчет освещения 86
5.5. Расчет искусственного освещения 87
5.6. Расчет вентиляции 90
ЗАКЛЮЧЕНИЕ 92
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 94
ПРИЛОЖЕНИЯ 96
Приложение 1. Алгоритм роботы электронного магазина 96

;ТРПРj – общее время работы над ПР в месяцах (срок проектирования),ТРПР = 0,5;Таким образом,З ФОТЭ= 2 * 4000 * 0,5 * (1 + 0) * (1 + 0,1) = 4400 руб.Сумма начислений на зарплату во внебюджетные фонды составляет:З ОВФ= 0,262 * З ФОТЭ,(3.23)З ОВФ= 0,262 * 4400 = 1153 руб.Киб = 4400 + 1153 = 5553 руб.Затраты на обучение персонала:Куч = ЗФОТИ + З ОВФ,(3.24),(3.25)где ОИj–окладj-го инженера, курирующего автоматизированную систему. В разработке участвовал 1 человек, оклад составляет 7000 руб.;ТРПРj – общее время работы над автоматизированной системой в месяцах (срок обучения),ТРПР = 0,1;Таким образом,З ФОТИ= 7000 * 0,1 * (1 + 0) * (1 + 0,1) = 770 руб.Сумма начислений на зарплату во внебюджетные фонды составляет:З ОВФ= 0,262 * З ФОТИ,(3.26)З ОВФ= 0,262 * 770 = 202 руб.Куч = 770 + 202 = 972 руб.Ктс, Кпс, Кво, Кпл, Клс – данные показатели не будем учитывать в данном случае, так как при внедрения ИС они не повлияют на затраты: ИС внедряется в отдел с уже имеющимися техническими средствами и предустановленными программными средствами.Итого капитальных затрат: К = (11106 + 5553 + 972) + 7% неучтенных затрат = =17631 + 1234 = 18865 руб.2. Эксплуатационные затраты (С)Эксплуатационные затраты являются повторяющимися и они повторяются в каждом цикле производства, а рассчитываются суммарно за год.В состав эксплуатационных затрат на информационную систему входят следующие затраты:C = Сао + Сто + Син + Сэл + Спр ,(3.27)где Сао – амортизационные отчисления;Сто – затраты на тех. обслуживание, включая заработную плату персонала информационной системы;Син – затраты, связанные с использованием глобальных вычислительных сетей;С эл – затраты на электроэнергию;С пр – прочие затраты составляют примерно 7%.Наибольший удельный вес в эксплуатационных затратах принадлежит заработной плате, амортизационным отчислениям, техническому обслуживанию.Произведем расчет:Введение новой информационной системы не повлияет на такие затраты, как:а) амортизационные отчисления (Сао) –не изменится парк оборудования;б) затраты, связанные с использованием глобальных вычислительных сетей (Син) – не добавляем новые сети.Затраты на техобслуживание, включая зарплату персонала:– заработная плата инженера (ЗПИ):ЗПИ = ОСj * Тмес * (1 + kД) * (1 + kУ),(3.28)где ОСj–окладj-го сотрудника. 1 человек, его оклад составляет 8000 руб.;Тмес, Тчас – время, затрачиваемое сотрудником на использование системы, в месяцах и часах соответственно (Тчас = 64 часа);,(3.29) – число рабочих дней в месяц, 22 дня;Чрч– число рабочих часов в день, 8 часов;kД – коэффициент дополнительной зарплаты,kД= 0;kУ – районный коэффициент, .Таким образом,ЗПИ= 8000 * 0,36 * (1 + 0) * (1 + 0,1) = 3168 руб.Сумма начислений на заработную плату во внебюджетные фонды составляет:ОТ ВФ= 0,262 * ЗПИ,(3.30)ОТ ВФ= 0,262 * 3168 = 830 руб.Сто1 = 3168 + 830 = 3998 руб./год.– зарплата персонала (ЗПП):ЗПП = ОСj * Тмес * (1 + kД) * (1 + kУ),(3.31)где ОСj–окладj-го сотрудника. 1 человек, его оклад составляет 10000 руб.;Тмес, Тчас – время, затрачиваемое сотрудником на работу с системой, в месяцах и часах соответственно (Тчас = 528 часов =>Тмес=3), ;kД – коэффициент дополнительной зарплаты,kД= 0;kУ – районный коэффициент, .Таким образом,ЗПП= 10000 * 3 * (1 + 0) * (1 + 0,1) = 33000 руб.Сумма начислений на зарплату во внебюджетные фонды составляет:ОТ ВФ= 0,262 * ЗПП,ОТ ВФ= 0,262 * 33000 = 8646 руб.Сто2 = 33000 + 8646 = 41646 руб./год.Сто = 3998 + 41646 = 45644 руб./год.Затраты на электроэнергию:Сэл = 1500 руб./годС = 3657 + 45644 + 1500 + 7%=50801 + 7%=54357 руб./год.∆Эгод — годовая экономия (прибыль), вызванная автоматизированной системой, без учета эксплуатационных затрат на использование автоматизированной системой:П = С + Е * К = 54357 + 18865 * 8,5% = 55961 руб.(3.32)Произведем расчет прямого экономического эффекта:определяем разность в годовых приведенных затратах по базовому (П0) и предлагаемому (П1) вариантам использования автомаизированной системы:Эпрям = П0 – П1 = Сзп – ∑С – Е * К,(3.33)где Сзп – сокращение зарплаты управленческого персонала при внедрении ЭИС, за счет сокращения количества персонала;∑С – суммарные эксплуатационные затраты на ЭИС за исключением заработной платы управленческого персонала.Предполагается сокращение одного работника из 3-х, занимающихся контролем за выполнениемзаявок, то:Сзп = С0зп – С1зп =-1,(3.34)где С0зп – заработная плата управленческого персонала в базовом варианте;С1зп – заработная плата управленческого персонала в предлагаемом варианте.Следовательно:Эпрям = 0 –(-1*)41646 = 41646 руб.Величина прямого экономического эффекта оправдывает затраты на внедрение автоматизированной системы. В этом случае внедрение автоматизированной системы целесообразно.Произведем расчет косвенного экономического эффекта.Данный расчет предполагает использование следующих составляющих:Экосв = ΔА+ΔСсеб+ΔШ,(3.35)∆Ссеб – годовая экономия на себестоимости услуги управления;∆П – сокращение непланируемых потерь за год. Использование системы позволит снизить эти потери на 20% в год. Итого ΔШ = 20 000 руб. Получаем:ΔСк = 10000 * 38% – (38% * 1000 – 20%) = 3040 руб./мес.ΔСзппр =10000 * 36% – (36% * 10000 – 3%) = 3492 руб./мес.ΔСпроч= ΔСэ + ΔСсэо + ΔСдок = 26% * 10000 – (26%*10000 – 1%) = 2574 руб./мес.(3.36)ΔСсеб = 12*( ΔСсм + ΔСзппр + ΔСпроч)= 12*(3040+3492+2574) = 109272 руб./год.(3.37)Если внедрение АС не влияет на какую-либо статью затрат в составе себестоимости, то эта статья, очевидно, не фигурирует в расчете косвенного экономического эффекта.Экосв = ΔА + ΔСсеб + ΔШ = 0 + 109272 + 30000 = 139272 руб.(3.38)ΔЭгод = Экосв + Эпрям = 139272 – 56400 = 82872 руб.(3.39)Э = ΔЭгод - П = 82872 – 56400 = 26472 руб.(3.40)Годовой экономический эффект представляет собой абсолютный показатель эффективности. Система считается эффективной, если Э>0.Вспомогательными показателями экономической эффективности являются:– Расчетная прибыльность (рентабельность):(3.41)– Срок окупаемости:(3.42)ВыводНа последнем этапе выполнения дипломной работы была исследована экономическая эффективность и целесообразностьмероприятий по разработке интернет-магазина в соответствие со стратегией маркетинга владельца (заказчика) интернет-магазина.В результате вычислений было определено, что начальная сумма для разработки магазина составляет порядка 139272 руб. Были проведены расчеты дисконтированных показателей работы и расчет окупаемости магазина. Было определено, что при ежедневной выручке не менее 26472руб. магазин может окупиться не менее, чем через 0, 23 года или приблизительно через 3 месяца.5. БЕЗОПАСНОСТЬ ЖИЗНЕДЕЯТЕЛЬНОСТИ5.1. Требования по охране труда на IT предприятияхМероприятия по устранению опасности поражения электрическим током сводятся к правильному размещению оборудования и электрических кабелей. Иные меры по обеспечению электробезопасности, совпадают с общими мерами пожаро- и электробезопасности.Структура компанииРис.5.1. Структура компанииСтруктурная схема технической архитектуры предприятия представлена.Схема расположения элементов сети на плане помещения представлена на рисунке.Рис.5.2. Расположение сетиРабочие местаРисунок. Схема рабочих мест менеджера магазина 9х16х3.Размеры коридора не учитываются.На рисунке изображено 5 рабочих мест менеджера. Главный менеджер находится в административном здании.В качестве рабочих станций используются модель OLDI Office 110 со следующей конфигурацией:ПроцессорIntel® Celeron 430 (Conroe-L,1.80 ГГц, FSB800MHz, 512Kb L2,Socket 775)Оперативная память DDR II 1ГбЖесткий диск 250Gb (SATA II)Видеокарта Интегрирована в чипсет iG31Сетевая карта 10/100/1000 Мбит/сЗвуковая карта 6-канальнаяРазмеры 420 мм х 180 мм х 380 ммЛокальная сеть построена на основе коммутатора 3COM Gigabit Switch 8 3CGSU08.Информационная система включает техническую и программную архитектуру.Основное назначение существующей информационной системы – создание современной инфраструктуры для управления предприятием.5.3. Расчет уровня шумаОдним из неблагоприятных факторов производственной среды в ИВЦ является высокий уровень шума, создаваемый печатными устройствами, оборудованием для кондиционирования воздуха, вентиляторами систем охлаждения в самих ЭВМ.Для решения вопросов о необходимости и целесообразности снижения шума никак обходимо знать уровни шума на рабочем месте оператора.Исследование уровня шума на рабочем местеТаблица 1 - Определение уровня шума на рабочем местеВид рабочего места (постоянная или непостоянная рабочая зона)Количество точек для измерения шумаКоличество замеров в точкеУровень звукаLa,дБАДопустимый уровень звукаLa,дБАОктавные уровнизвукового давления, дБДопустимые уровнизвукового давления, дБ631252505001000200040008000631252505001000200040008000постоянный336860686970676040403879706856555250497060707072626240353679706856555250496960697070666645323279706856555250495.4. Расчет освещенияИсследование естественного бокового освещения на рабочем местеТаблица 1 - Определение естественного боковой освещенности на рабочем месте№п/пРасстояние точки замера от окна, мЕвнутр, лкЕвmнaуxтр, лкЕнар, лк180400555,5221400555,537400555,541,5400555,5Значения, приведенные в таблице 1.1, получены при помощи люксметра.Используя коэффициент светопропускания (τ0 = 0,72) рассчитаем наружную освещенность: 400/0,72=555,5 лк.Как показывают результаты исследования, приведенные в таблице 1.1, в данное время года и суток естественной освещенности рабочего места далеко недостаточно; следовательно необходимо использовать дополнительное искусственное освещение.Исследование искусственной освещенности на рабочем местеТаблица 2. - Определение средней освещенностиНомер точки замера123456789ИтогоСреднееОсвещенность, лк2002402201601701651151201101500166,67Таблица 1.3 - Исследование искусственной освещенностиЕср, лкСистемаосвещенияЗрительная работаНормированная освещенностьЕmin, лкразрядподразряд166,67300Результаты расчетов, приведенные в таблице 1.3, свидетельствую о том, что искусственной освещенности также недостаточно для нормальной работы. Следовательно, необходимо увеличить искусственную освещенность за счет:применения большего количества осветительных приборов;использования осветительных приборов большей мощности;использования более рациональных схем размещения осветительных приборов;в случае необходимости применить индивидуальное освещение рабочих мест;использовать более светлую окраску для стен и потолка рабочего помещения.5.5. Расчет искусственного освещенияИскусственное освещение лампы накаливания и люминесцентные лампы. Рассмотрим люминесцентные лампы. Расчет освещения производится для комнаты площадью 144 м2 , ширина которой 9 м, длина -16, высота - 3 м. Коридор не учитываем. По методу светового потока. Для определения количества светильников определим световой поток, падающий на поверхность по формуле: , гдеF - рассчитываемый световой поток, Лм; Е - нормированная минимальная освещенность, Лк (определяется по таблице). Работу программиста, в соответствии с этой таблицей, можно отнести к разряду точных работ, следовательно, минимальная освещенность будет Е = 300 Лк при газоразрядных лампах; S - площадь освещаемого помещения (S = 144 м2 );Z - отношение средней освещенности к минимальной (Z = 1.1); К - коэффициент запаса, учитывающий уменьшение светового потока лампы в результате загрязнения светильников в процессе эксплуатации (его значение определяется по таблице коэффициентов запаса для различных помещений и в нашем случае К = 1.5); n - коэффициент использования, (выражается отношением светового потока, падающего на расчетную поверхность, к суммарному потоку всех ламп и исчисляется в долях единицы; зависит от характеристик светильника, размеров помещения, окраски стен и потолка, характеризуемых коэффициентами отражения от стен (Рс) и потолка (Рп)), значение коэффициентов Рс и Рп определим по таблице зависимостей коэффициентов отражения от характера поверхности: Рс=30%, Рп=50%. Значение n определим по таблице коэффициентов использования различных светильников. Для этого вычислим индекс помещения по формуле: , гдеS - площадь помещения, S = 144 м2;h - расчетная высота подвеса, h = 2.6 м;A - ширина помещения, А = 9 м;В - длина помещения, В = 16 м. Подставив значения получим:Зная индекс помещения I, Рс и Рп, по таблице находим n = 0.56 Подставим все значения в формулу для определения световогопотока F: Лм Для освещения выбираем люминесцентные лампы типа ЛБ40-1, световой поток которых F = 4320 Лк. Рассчитаем необходимое количество ламп по формуле: , гдеN - определяемое число ламп;F - световой поток, F = 63642,857 Лм;Fл- световой поток лампы, Fл = 4320 Лм. шт.При выборе осветительных приборов используем светильники типа ОД. Каждый светильник комплектуется двумя лампами. Размещаются светильники двумя рядами, по четыре в каждом ряду.Всего 15 светильников.5.6. Расчет вентиляцииИсследование запыленности воздуха на рабочем местеТаблица 3 - Результаты экспериментального исследования запыленности воздухаНомер опытаМестоотборапробыВес фильтра, мгТемпература t,˚ CБарометрическое давлениеβ, ПаОбъемная скорость пробоотбора,л/минВремя отбора пробT, минКонцентрация пыли в воздухеC, мг/м³до взятия проб (m1)после взятия проб (m2)1224224,25209951213,65615На основании данных таблицы 3.1 рассчитаем концентрацию пыли в воздухе:C= 3,71×10²×(224,25-224)×(273+20):(1×2×995) = 13,65615 мг/м³Таблица 4 - Сравнение экспериментальных данных с нормативнымиНаименование веществаКлассопасностиПредельно допустимая концентрация (ПДК), мг/м³Замерянная концентраци пыли, мг/м³Превышение ПДК, %3413,65615341,4%Сравнение экспериментальных данных с нормативными (см. таблицу 4) показывает, что замеренная концентрация пыли превышает ПДК более чем в 3 раза. Для снижения концентрации пыли в воздухе и приведение ее в соответствие с ПДК необходимо:устранить (если это возможно) или расположить вдали от рабочих мест основные источники пыли;использовать усовершенствования технологических процессов производства, которые позволили бы уменьшить пылеобразование в процессе производства;исключение или сведение до минимума использования в процессе производства материалов, обработка которых приводит к образованию пыли, содержащей вредные элементы;применения средств увлажнения пылеобразующих материалов при их обработке;использование герметизации узлов и механизмов оборудования, при работе которых происходит образование пыли;применение рациональной планировки производства, которая бы позволила изолировать рабочие места персоналов от пыли, образующейся в процессе производства продукции или других технологических процессов на предприятии;устройство вентиляционной системы необходимой мощности, а также оборудование запыленных производственных участков пылеуловителями;применение средств индивидуальной защиты персонала (особенно на производствах с образование пыли, содержащей вредные элементы, а также на производствах, технологические процессы которых связанны со значительным пылеобразованием);своевременное проведение технических осмотров и ремонтов оборудование с выявлением и заменой деталей и узлов, вызывающих повышение запыленности воздуха вследствие их коррозии или износа.ЗАКЛЮЧЕНИЕПри выполнении дипломного проекта были изучены сущность и значение электронной коммерции, рассмотрены виды электронной торговли, а именно интернет-магазины и их базовые компоненты. Особое внимание уделялось именно электронным магазинам, требованиям, возможности реализации и перспективам развития направления в целом. При разработки проектной части дипломной работы много внимания уделялось изучению бизнес процессов магазина, проектированию работы магазина и определения круга задач, которые решает менеджер интернет –магазина, что бы лучше разобраться с требованиями к системе с различных точек зрения. Были рассмотрены и смоделированы процессы в интернет магазине и поставлена задача на разработку интернет магазина на базе существующей системы с последующей установкой , настройкой, адаптацией и необходимой доработкой. На этапе практической реализации был разработан проект торговой интернет-площадки ««ВИКТОРИЯ»» и расположен на тестовой площадкеhttp://»ВИКТОРИЯ».virtlabsi.com/На этапе реализации выполнялось развертывание магазина на хостинге, подключение и настройка обязательных модулей ядра системы. В системе был развернут непосредственно модуль магазина и была произведена его установка и адаптация к системе.На следующих этапах выполнялось наполнение магазина и подготовка его к работе. Большое внимание было уделено разработке дизайна сайта на основе авторского дизайна был адаптирован и доработан базовый шаблон, который, в дальнейшем, был интегрирован с системой.Магазин был протестирован на локальном компьютере и в сети интернет.На последних этапах выполнения дипломной работы была исследована экономическая эффективностьразработки интернет магазинадетской одежды ««ВИКТОРИЯ»» и мероприятия по безопасности жизнедеятельности работников предприятия. В результате вычислений было определено, что начальная сумма для разработки магазина составляет порядка 30320858 руб, т.е. превышает 30 млн. руб. Были проведены расчеты дисконтированных показателей работы и расчет окупаемости магазина. Было определено, что при ежедневной выручке не менее 30000руб. магазин может окупиться не менее, чем через 5 лет.http://»ВИКТОРИЯ».virtlabsi.com/administrator1) userStudentWork2)passwStudentWorkСПИСОКИСПОЛЬЗОВАННЫХИСТОЧНИКОВВендров А.М. CASE-технологии. Современные методы и средства проектирования информационных систем. М. : Финансы и статистика, 1998. 176 с.ВайкАллен. JavaScript. Энциклопедия пользователя: Пер.з англ. К.: ТОВ "ТИД" ДС", 2001.- 480с.Вильямсон X. Универсальный Dynamic HTML. Иблиотека программиста. СПб.: Питер, 2001. - 304 с.: рис.ГрызловВ. Java Script. Изд. 3-е.М.: ДМК Пресс, 2005. 416 с.Гудман Д. JavaScript.Библия пользователя, 4-е изд.: Пер. з англ. М.: Изд.дом "Вильямс", 2003. -960с.Калянов Г.Н. CASE. Структурный системный анализ (автоматизация и применение). М. : Лори, 1996. – 457с.Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. — М. : Издательский дом "Вильяме", 2006. 752 с.: ил. — Парал. тит. англ.MindJet MindManager. Официальный сайт. – [Електронний ресурс] – Режим доступа: http://www.mindjet.com/Тереза Нейл, Билл Скотт. Проектирование веб-интерфейсов = Designing Web Interfaces. М.: Символ-Плюс, 2010.352 c. Петров В.И. Информационные системы. СПб. : Питер, 2002. 688 с.Томсон Лаура,ВеллингЛюк. Разработка Web-приложений на РНР и MySQLРатбон Э. JavaScript для чайников.К.: Диалектика, 1995. - 236с.Хестер Н. Создание Web-страниц в Dreamweaver. М.: НТ Пресс, 2005. – 104с.E-MARKETPLACES или виртуальные торговые площадки / Электронный ресурс // http://www.proms.ru/book-emarketplaces.htmlФертова В.В. Реклама и продвижение в интернете: выбор каналов, оценка эффективности // Интернет-маркетинг. – 2010. – № 6. – С. 368-385.Электронный маркетинг. [Электронный ресурс]. - Режим доступу - http://www.marketing.ruHTML-версия в Интернете с аннотациями-комментариями пользователей по каждому разделу руководства. Электронный ресурс - [Режим доступа] - http://www.php.net/manual/ WEDAL.RU. Virtuemart - интернет-магазин для Joomla. Часть 3. Установка и обновление. Электронный ресурс - [Режим доступа] - http://wedal.ru/rasshireniya_joomla/virtuemart-internet-magazin-dlya-joomla-chast-3-ustanovka-i-obnovlenie.htmlПРИЛОЖЕНИЯПриложение 1. Алгоритм роботыэлектронного магазинаПриложение 2. Коды компонентов шаблонаComponent.php<?php//nodirectacceesdefined ('_JEXEC') ordie ('restictedaceess'); //проверяемустановленаликонстантав 1 или заканчиваем процедуру работы с модулем?><!DOCTYPEhtml><!—заголовок и основная часть страницы на html5 --><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"><head> <metahttp-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //определениепареметровбраузера<meta name="viewport" content="width=device-width, initial-scale=1"><?php $doc = JFactory::getDocument(); //подключениеабстрактногокласа, позволяющего работать с разными типами контентаif($favicon = $this->params->get('favicon')) { $doc->addFavicon( JURI::base(true) . '/' . $favicon); } else { $doc->addFavicon( $this->baseurl . '/templates/'. $this->template .'/images/favicon.ico' ); // выбориподключениеиконкикизображениювбраузере} ?> <jdoc:includetype="head" /> // метод отображения содержимого на странице<linkrel="stylesheet" href="<?phpecho $this->baseurl; ?>/media/jui/css/bootstrap.min.css" type="text/css" /> //подключениеосновных стилей к странице<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/frontend-edit.css" type="text/css" />//подключениестилейшаблонашрифты <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />//подключениестилейшаблонаблокиинавигация</head><body class="contentpane"><jdoc:includetype="message" />//методотображениясообщенийнастранце<jdoc:includetype="component" /> //методподключенияинастройки компонентов</body></html>Default.css/**** CUSTOM RESPONSIVE *****/@media (min-width: 1024px) { /*выделить под колонку магазина 25% и сделать привелегии*/.hikashop_products .hikashop_product { width: 25% !important;}}/*Для адаптивного шаблона определить минимальную и максимальную ширину*/@media (min-width: 980px) and (max-width: 1199px) { .sp-megamenu-parent > li > a { /*настройкасписков*/ letter-spacing: 0!important; padding: 0 6px!important; font-size: 8px!important; } #lt-k2-blog div.k2ItemsBlock ul li { width: 23%!important; } .hikashop_product_main_image_subdiv { /*настройкапараметровотображенияизображенияпродуктоввблоке*/width: 100%!important; } .hikashop_product_right_part { padding-left: 20px!important; } #hikashop_product_bottom_part { width: 48%!important; } .hikashop_cart_input_button{ padding: 10px 24px!important; } .lt-category .lt-sub-category img{ width: 100%!important; } .lt-sub-adv img { width: 100%!important; } .lt-sub-adv .lt-core-adv { top: 7px!important; } .lt-sub-adv .lt-core-adv h4{ font-size: 12px!important; } .lt-sub-adv .lt-core-adv h3{ font-size: 14px!important; font-weight: bold!important;}/*определение свойств расположения данных о продуктах, шрифтов, параметров текста*/.lt-sub-adv .lt-core-adv h5{ font-size: 12px!important; } .lt-sub-category .lt-core-category{ top:26px!important; } .lt-sub-category .lt-core-category h4{ font-size: 12px!important; } .lt-sub-category .lt-core-category h3{ font-size: 17px!important; font-weight: bold!important; } .lt-sub-category .lt-core-category h5{ font-size: 11px!important; }}/*определение минимальных и максимальных параметров для адаптивного дизайна изображений продукции включая категории списков при описании изображений*//*рассматривается адаптивный дизайн для трех видов устройств: компьютер (полный экран), планшет (мобильное устройство с высоким разрешением), смартфон (условно низкое разрешение)*/@media (min-width: 768px) and (max-width: 979px) { #lt-k2-blog div.k2ItemsBlock ul li { width: 100%!important; } .sp-megamenu-parent > li > a { /*описаниеэлементовменю*/font-size: 9px!important; letter-spacing: 0!important; padding: 0 5px!important; }#sp-logoimg { //*ширина изображения*/width: 100%; } #hikashop_product_bottom_part { position: static!important; /*Фиксированная позиция*/ width: 100%!important; /*на всю ширину блока*/} .hikashop_product_main_image_subdiv { /*описаниерасположениякартинок в блоке*/width: 100%!important; } .hikashop_product_right_part { padding-left: 20px!important; /*левый отступ между блоками*/ }.hikashop_products_listing .hikashop_product { /*ширинаописаниятовара*/ width: 49%!important; }/*описание всех видов изображения товара, .lt-category .lt-sub-category img{ width: 100%!important; } .lt-sub-adv img { width: 100%!important; } .lt-sub-adv .lt-core-adv { /*отступкартинкиотверхнегокраяблока*/top: 7px!important; } .lt-sub-adv .lt-core-adv h4{ /*размершрифтаописания*/ font-size: 12px!important; } .lt-sub-adv .lt-core-adv h3{ font-size: 14px!important; /*размершрифтаценытовара*/ font-weight: bold!important; } .lt-sub-adv .lt-core-adv h5{ font-size: 12px!important; /*размерописанияскидки*/ } .lt-sub-category .lt-core-category{/*шрифтназваниятоваравзаголовке*/ width: 100%!important; top:26px!important; } .lt-sub-category .lt-core-category h4{ /*шрифтподкатегориитовара*/ font-size: 12px!important; } .lt-sub-category .lt-core-category h3{ font-size: 17px!important; font-weight: bold!important; } .lt-sub-category .lt-core-category h5{ font-size: 11px!important; }}/*тоже описание для мобильных устройств с высоким разрешением*/@media (max-width: 767px) { #lt-k2-blog div.k2ItemsBlock ul li { width: 100%!important; } #sp-footer2 { text-align: left!important; } .sp-contact-info { float: left!important; } #sp-slide-wrapper { display: none!important; } #sp-testimonial-wrapper { display: none; } .sticky-wrapper.is-sticky { position: relative!important; } #sp-menu { position: absolute!important; right: 0; top: 35px; } #offcanvas-toggler { line-height: 0!important; } #offcanvas-toggler > i { margin: 0; } .sub-clients img { display: inline!important; }.lt-testimonial { display: none;} #hikashop_product_bottom_part { position: static!important; width: 100%!important; } #hikashop_product_left_part, .hikashop_product_main_image_subdiv { width: 100%!important; } #hikashop_product_left_part .hikashop_product_main_image img { width: 100%!important; }.hikashop_products_listing .hikashop_product { width: 100%!important; } }/*тоже описание для мобильных устройств с низким разрешением разрешением*/@media (max-width: 480px) { .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li { margin: 5px!important; } .lt-sub-adv .lt-core-adv{ width: 100%!important; top:50px!important; } .lt-sub-category .lt-core-category { width: 100%!important; } .lt-section .lt-sub-section .lt-button{ margin: 0px!important; } .lt-button{ padding: 6px 30px!important; } .lt-sub-adv .lt-core-adv h3{ font-size: 25px!important; }}/***** GENERAL *****/.sppb-section-title h3 { background: url(../images/border-title.png) no-repeat bottom center; padding-bottom: 20px; letter-spacing: 1.5px; text-transform: uppercase;}.sppb-section-title h2 { color: #333; font-size: 30px; font-weight: 300; padding-bottom: 20px;}.sppb-section-title p { font-size: 13px; color: #000;}.lt-button { padding: 6px 30px; border: 2px solid #e1e1e1; color: #3f3f3f; text-transform: uppercase;}.lt-button:hover { color: #fff;}.helix3-toggler { z-index: 999;}.template-options.opened { z-index: 999;}/***** MENU BAR *****/.sticky-wrapper.is-sticky #sp-header { background: rgba(255,255,255,.9);}/***** SLIDE *****/#sp-slide-wrapper { position: relative;}#sp-slide-wrapper .lt-slide-search { position: absolute; bottom: 30%; width: 100%; left: 20%; z-index: 999;}.lt-ltlargeboldwhite { font-family: 'Amatic SC'!important; font-weight: bold;}#sp-slide-wrapper .lt-slide-search #mod-finder-searchword { display: inline-block;}.sppb-section-title h2{ text-transform: uppercase; font-weight: bold;}/***** LT ADV *****/.lt-adv .lt-sub-adv img{ width:100%;}.lt-sub-adv .lt-core-adv{ position: absolute; top:31px; width: 100%; color: #fff!important;}.sppb-text-center{ padding-bottom: 20px;}.lt-sub-adv .lt-core-adv h3{ background: url(../images/border-line-adv.png) no-repeat bottom center; font-size: 50px; text-transform: uppercase; padding-bottom: 10px;}.lt-sub-adv .lt-core-adv h4{ background: url(../images/border-line-adv.png) no-repeat bottom center; font-size:14px; text-transform: uppercase; padding-bottom: 10px;}.lt-sub-adv .lt-core-adv h5{ font-size:14px; text-transform: capitalize; font-weight: bold;}/***** LT SECTION *****/.lt-section .lt-sub-section h3{ font-size: 45px; text-transform:capitalize; font-weight: bold;}.lt-section .lt-sub-section h4{ background: url(../images/border-line-section.png) no-repeat bottom center; font-size:12px; padding: 10px 0; text-transform:uppercase; font-weight: bold;}.lt-section .lt-sub-section .lt-button{ display: inline-block; margin: 10px; }/***** LT CATEGORY *****/.lt-sub-category .lt-core-category{ position: absolute; top:42px; width: 100%; color: #000!important;}.lt-sub-category img{ width: 100%;}.sppb-text-center{ padding-bottom: 20px;}.lt-category .lt-core-category h3{ background: url(../images/border-line-category.png) no-repeat bottom center; font-size: 60px; text-transform: uppercase; padding-bottom: 10px; font-weight: 400;}.lt-category .lt-sub-category h4{ font-size:14px; text-transform: uppercase; font-weight: bold; padding: 0px!important; margin: 0px!important;}.lt-sub-category .lt-core-category h5{ font-size:14px; text-transform: uppercase; font-weight: bold;}/***** LT STORES *****/.lt-stores .lt-sub-stores h3{ font-size: 20px;}.lt-stores .lt-sub-stores ul{ padding: 0px;}.lt-stores .lt-sub-stores ul li{ list-style: none;}.lt-stores .lt-sub-stores .fa-map-marker i{ padding: 5px;}.lt-stores .sppb-media, .sppb-media-body{ overflow: visible!important;} .fa-map-marker{ margin:5px!important;}/***** PORTFOLIO *****/.sp-simpleportfolio.layout-gallery-nospace .sp-simpleportfolio-item { padding: 10px!important;}/***** PRODUCTS *****/.hikashop_category_information h2 { font-size: 22px !important;}.hikashop_products { border: 1px solid #ccc; border-radius: 0 !important;}.hikashop_subcontainer { border-radius: 0!important;}img.hikashop_child_image { height: 90px!important; display: inline-block;}#hikashop_product_bottom_part { position: absolute; width: 50%; top: 25%; right: 0;}.hikashop_product_price_full span { font-size: 21px; font-family: Amatic SC,sans-serif; font-style: normal;}.hikashop_cart_input_button { color: #fff!important; text-transform: uppercase; border-radius: 0; padding: 10px 30px;}.hikashop_product_name a { font-size: 16px;}#hikashop_category_information_module_138 .hikashop_subcontainer{ border-radius: 0!important;}#sp-page-builder .sppb-section-title { margin-bottom: 0px!important;}/* Refine Page Builder */#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading { margin: 0 auto;}.lt-page-service i { margin-top: 10px;}.sp-simpleportfolio-img { width: 100%;}