Установка шаблона OpenCart: пошаговое руководство

Приветствую вас, уважаемые читатели cccp-blog.com!

Данной статьёй мы продолжаем цикл публикаций, посвящённый самостоятельному созданию Интернет-магазинов на базе OpenCart .

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

Итак, в своей предыдущей статье я помог вам преодолеть первый этап при создании сайта на базе CMS – установку движка. В итоге у вас уже есть готовый Интернет-магазин, который осталось настроить, чтобы ресурс был более полноценным и привлекательным для клиентов.

И первый шаг на этом пути, который мы с вами преодолеем, — это установка шаблона OpenCart .

Шаблонов сегодня существует огромное множество – как платных, так и бесплатных. В этой ситуации, как водится, есть свои плюсы и минусы С одной стороны, есть из чего выбрать, а с другой – глаза разбегаются.

К сложностям выбора добавляется ещё и тот факт, что шаблон (он же «тема») желательно выбрать один, т.к. ввиду особенностей установки шаблона OpenCart удалить его потом из магазина будет проблематично. А при установке множества тем они могут приводить к вылезающим ошибкам в витрине магазина и конфликтам в его работе.

Как же не запутаться в этом многообразии и выбрать действительно подходящий?

Для ответа на этот вопрос я решил составить небольшой список критериев, который поможет вам в выборе.

А во второй части публикации мы с вами поговорим о том, как установить шаблон OpenCart и активировать его.

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

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

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

Поэтому поиск в Интернете обязательно производите с включенным антивирусом, который поможет вам отсеять потенциально опасные ресурсы. При скачивании файлов обратите внимание на размер и расширение.

Если размер подозрительно мал (несколько байт) или имеет нестандартное расширение, то лучше от такого файла отказаться и подыскать что-то похожее в другом месте. Сами модули в большинстве случаев файлы запакованы в rar или zip-архивы, так что всё остальное — .exe. xyz. какаятокракозябра — это потенциальное вирусное ПО, которое необходимо сразу же удалить.

Ну, и просканировать антивирусом скачанные файлы также не будет лишним.

Однако, даже данные меры не помогут защититься от вредоносных файлов на 100%. Иногда нечаянные или преднамеренные ошибки в коде самих модулей могут стать причиной весьма серьёзных последствий — вплоть до потери информации и контроля над ресурсом. Такого рода опасности антивирус не распознаёт.

Однако, от этого тоже можно оградиться, скачивая шаблоны OpenCart с ресурсов, где файлы проходят ручную модерацию. При этом, дополнения могут быть даже бесплатными

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

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

1. https://opencartforum.com/files/category/1-shablony/ — все шаблоны и модули на данном сайте проходят модерацию администрацией, благодаря которой отсеивается вредоносное и некачественное ПО. Разработчикам по результатам проверки выдаются советы по улучшению своих продуктов. Так было и со мной С моими работами можете ознакомиться здесь .

2. http://www.opencart.com/index.php?route=extension/extension&path=1 – официальный сайт OpenCart. Об уровне модерации, думаю, говорить не стоит. Равно как и о гарантиях возврата денег и наказаниях соответствующих разработчиков при предоставлении некачественных продуктов.

Внимание! Владельцам магазинов на базе сборок OpenCart не рекомендуется использование шаблонов и модулей, в описании которых данная сборка не значится. Можете рискнуть обратиться к разработчику, но вряд ли он даст вам утвердительный ответ. Если же вы всё-таки установите себе такой продукт, очень мало шансов, что он будет работать корректно. К тому же, при неправильной работе рассчитывать на техподдержку или вернуть деньги у вас, скорее всего, не получится. В случае использования сборок рекомендуются специализированные ресурсы, где есть продукты, разработанные специально под них, с учётом всех особенностей.

3. http://www.templatemonster.com/ru/opencart-templates-type/ — ресурс, известный, пожалуй, всем веб-разработчикам. Содержит огромную базу шаблонов для различных CMS, здесь также возможно заказать индивидуальный вариант. Поскольку является западноориентированным ресурсом, цены здесь соответствующие.

4. http://opencart.ws/shablony — официальный сайт русского представительства OpenC Выбор здесь не так велик, но зато есть большой плюс – все продукты бесплатны и промодерированы

5. http://liveopencart.ru/opencart-moduli-shablony/shablonyi/ — ресурс с преобладающим количеством платных разработок. Из плюсов – есть много вариантов для различных сборок (ocStore, ocShop, MaxyStore).

Итак, переходим к критериям по выбору шаблона Opencart.

1. Прежде всего, вам нужно определиться с тем, что в стандартном графическом шаблоне OpenCart вас не устраивает.

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

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

2. Допустим, с предыдущим моментом вы разобрались и уже нашли более-менее подходящий вариант в Интернете. Самое время изучить его подробнее.

И один из основных моментов, на который нужно обратить внимание, — это версия движка, на базе которого разработан Интернет-магазин. Она, как правило, всегда указывается разработчиками либо в описании, либо в инструкции по установке темы OpenCart.

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

3. Итак, продукт предназначен для вашей версии OpenCart. Следующий момент, на который нужно обратить внимание, — это наличие демо-версии, чтобы наглядно оценить все преимущества и недостатки ещё до установки шаблона OpenCart на свой магазин.

Если вам приглянулся платный вариант, то наличие демки у него обязательно, чтобы не покупать кота в мешке. В случае бесплатного продукта её наличие не так критично.

Если же демо-версии нет, то должны быть, как минимум, несколько скриншотов. В противном случае лучше подыскать другой вариант, ибо устанавливать шаблон вслепую, руководствуясь лишь текстовым описанием, по меньшей мере, глупо.

4. Вы оценили шаблон по демке или скриншотам, и теперь самое время обратить внимание на комментарии и отзывы пользователей, которые воспользовались данным продуктом до вас.

Если в отзывах будут жалобы по поводу некрасивого цвета или неправильным формам, то не стоит воспринимать их всерьёз, т.к. данные мнения исключительно субъективны

Если же вы встретите сообщения о проблемах при установке шаблона OpenCart либо о некорректной работе и ошибках в работе магазина, лучше прислушаться и поискать другой вариант, т.к. решать данные задачи вам ни к чему, это проблемы разработчиков.

5. Также вам стоит обратить внимание на оценки и рейтинг приглянувшегося вам модуля на ресурсе, если он там есть.

Т.к. нажать на кнопочку с высшим балом проще, чем писать хвалебный отзыв в комментариях. Равно как и в случае негативных моментов, связанных с установкой шаблона OpenCart.

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

6. Ещё один немаловажный момент, который приобрёл вес в последнее время, — это адаптивность шаблона.

Ни для кого не секрет, что в современном мире огромное количество людей для выхода в Интернет пользуются мобильными устройствами, т.к. они всегда под рукой и позволяют производить требуемые операции в любом месте, без привязки к стационарному компьютеру.

Поскольку вы не знаете наверняка, с какого устройства ваш потенциальный покупатель зайдёт на ваш сайт, лучше, чтобы подбираемый вами графический шаблон был адаптивным. Это повышает привлекательность сайта и вероятность того, что пользователь задержится на нём, выше.

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

7. И на самом заключительном и важном этапе вам нужно определиться, обладаете ли вы достаточным багажом знаний в области HTML и CSS.

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

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

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

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

В качестве подтверждения своих слов хочу вам продемонстрировать платный шаблон «BigDesign — Fashion», который был установлен на магазине у одного из моих клиентов. Предлагаю Вашему вниманию витрину магазина после установки шаблона OpenCart:

Поэтому на данном этапе мои рекомендации будут следующими: если вы не обладаете специальными знаниями и навыками, а найденный вами шаблон удовлетворяет вашим требованиям на 100%, лучше не скупиться и приобрести понравившийся продукт.

Т.к. во-первых, это сохранит ваши силы. Ведь после установки шаблона OpenCart вам предстоит его настроить, а в случае бесплатных шаблонов самостоятельно это будет сделать затруднительно.

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

И что самое интересное, иногда доработка бесплатного шаблона может вам обойтись дороже приобретения готового платного. Поэтому не нужно об этом забывать!

Для примера приведу экран настройки упомянутого мною шаблона «BigDesign — Fashion» :

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

Именно поэтому, во-вторых, при установке шаблона OpenCart, который является платным, вы сэкономите время, которое вы потратите на дальнейший поиск бесплатного аналога и его «допиливание».

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

На этом мои рекомендации подходят к концу. Я надеюсь, что они помогли вам найти требуемый шаблон. И теперь мы переходим непосредственно к установке шаблона OpenCart.

Первым делом, для того, чтобы произвести установку шаблона OpenCart, его нужно скачать. О моментах, которые должны вызывать подозрение на данном этапе, мы уже говорили раньше, поэтому во время скачивания перечитайте их ещё раз.

Итак, в вашем распоряжении архив с файлами шаблона. Распаковываем его и ищем каталог с файлами, которые будут повторять файловую структуру OpenCart: должны быть папки admin, catalog, image, system.

В данном перечне критично наличие только папки catalog, т.к. установка шаблона на OpenCart подразумевает изменения интерфейса именно витрины магазина, если каких-то остальных не будет,- не страшно

Далее, чтобы установить шаблон на Опенкарт в ваш, магазин копируем все папки и переносим их в корневую директорию сайта, подтверждая замену существующих файлов при совпадении. Абсолютно не важно, где находится ваш ресурс, — на хостинге или на локальном сервере. На порядок действий это не повлияет.

Лично у меня магазин находится на локальном сервере. О том, каким ПО я пользуюсь, можно прочитать в данной статье. Версия движка в данном руководстве – чистый OpenCart 2.0.3.1. как последняя официально русифицированная версия.

У владельцев магазинов на предыдущих версиях OpenCart и его сборках может сейчас возникнуть вопрос «Насколько справедливы дальнейшие действия в моём случае?». Но спешу всех успокоить: последующие версии универсальны для всех, независимо от версии движка. Различия будут только в наименовании пунктов меню админки, но эта проблема решаема путём обращения к документации OpenCart.

Поскольку моей целью является показать, как установить шаблон на OpenCart 2, а не сделать привлекательный дизайн для реального магазина, для данного руководства я использовал бесплатный шаблон «Rhea».

Итак, продолжаем. Самое интересное, что установку шаблона OpenCart мы уже произвели

Остаётся лишь применить его и убедиться в работоспособности. Но перед этим хочу сказать несколько слов о шаблонах, которые используют технологию vqMod.

В дистрибутиве vqMod-базированных продуктов (это касается не только шаблонов, но и модулей) обязательно должен присутствовать каталог «vqmod/xml», в котором будут расположен xml-файлы. Порядок действий в данном случае ничем отличаться не будет от предыдущего варианта установки шаблона OpenCart – вам нужно будет скопировать каталоги в корень магазина с подтверждением перезаписи файлов.

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

Итак, установку шаблона OpenCart мы произвели, осталось только включить его. Для этого переходим в административную часть магазина по пути «доменное_имя_сайта/admin» и вводим логии и пароль администратора:

Далее в главном меню админки передвигаемся по пути «Система — Настройки» (в OpenCart версии 2+ пункт «Система» оформлен в виде шестерёночки):

Перед нами открывается экран, на котором представлен список всех магазинов, управление которыми осуществляется из данной админки (напомню, что в OpenCart такая возможность есть):

Нажимаем на кнопку в виде карандашика напротив требуемого ресурса для редактирования его параметров. В открывшемся окне переходим на вкладку «Магазин»:

Здесь нас интересует поле «Шаблон», которое оформлено в виде выпадающего списка всех имеющихся в магазине шаблонов. После установки шаблона OpenCart «Rhea» в списке появилась строчка с соответствующим названиям.

Выбираем его и сохраняем изменения путям нажатия на кнопку «Сохранить» в виде дискетки на синем фоне в правом верхнем углу экрана.

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

Как видите, в итоге получилась интересная альтернатива стандартному дизайну:

Установленный мною в качестве примера шаблон является довольно простым, как и все бесплатные. Для окончательного варианта интерфейса он слабо подходит, т.к. в нём всего одна цветовая схема, к тому же довольно тускловатая.

К тому же у него абсолютно нет возможности ручной настройки шаблона OpenCart из админки.

Поэтому для его доработки потребуются некоторые усилия со стороны разработчиков и финансовые затраты со стороны владельцев магазина, о чём я уже говорил ранее. Так что отнеситесь к выбору шаблона ответственно и ещё раз тщательно проверьте его по критериям, которые я привёл в начале статьи.

Вот и всё, что я хотел вам сказать.

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

Надеюсь, информация была для вас полезной, и вы нашли ответ на вопрос «Как установить шаблон на OpenCart?». Если это так, делитесь записью с друзьями в социальных сетях и привлекайте их к обсуждению.

Жду ваши мнения и пожелания в комментариях. Также не забывайте подписываться на обновления сайта. чтобы быть в курсе всех выходящих статей.