.

.

Урок № 9. Phoca Gallery - Simple Caddy.

сайт: http://zuit.ru

Урок № 9 Phoca Gallery -  Simple Caddy.


Какие еще есть возможности у галереи Phoca Gallery? Что такое Simple Caddy? В этом уроке я вам расскажу про небольшой интернет-магазин, который можно сделать самому, используя этот компонент. В прошлом уроке я рассказала, как сделать личный кабинет.


 

Что такое интернет-магазин, вы все, конечно, знаете. Есть большие, очень сложные магазины, которые можно установить на своем сайте. А что делать в том случае, если вы хотите продавать товары, используя довольно простой магазин и не устанавливать для этого громоздкие компоненты типа VirtueMart Shop?

 

 

 

Для того чтобы в вашей галерее появился небольшой магазин, надо сначала установить на сайте  расширение для этого компонента, которое называется Simple Caddy.


Идем на сайт www.phoca.cz и находим в горизонтальном меню пункт Documentation. Ищем в левой колонке Phoca Gallery Component , далее Simple Caddy Integration. Здесь  можно посмотреть Demo, то есть страницу, оформленную под интернет-магазин, на которой можно продавать товары.

 


 

 

Как видим,  в этом магазине есть фотография товара,  под картинкой стоит цена. У каждого товара выставляется количество и размер и, что очень важно, есть такая возможность для покупателя, как  «положить в корзину».

zuit.ru -  читайте: Кто мешает жить холерику?


Каким образом работать с таким магазином?

Для того чтобы установить это расширение, идем на сайт разработчика, который указан на сайте (atlanticintelligence.net).


Нам нужно будет установить расширение Simple Caddy, плагин и модули для него. Делаем это точно так же, как устанавливали саму галерею через установку/удаление программ в панели администратора.

 


На сайте разработчика этого магазина есть верхнее меню, в котором мы видим очень полезный пункт: «Форум». Если вам будет что-то не понятно, регистрируйтесь на форуме и задавайте вопросы администратору. Пишите на английском языке, иначе вам не ответят. Как переводить, если не знаете английского, читайте в уроке № 1.

 

В этом же меню находим Downloads. Выбираем для своей версии joomla и скачиваем. Там же находим файлы для русификации и тоже скачиваем.

 



 

 

Для того чтобы разобраться с расширением Simple Caddy, идем с главной страницы сайта разработчика по ссылке в тексте, которую они предлагают:

For more information see http://demo.....


Находим в верхнем меню компонент для магазина и смотрим: Component, Plugin, Module, Simple Caddy and Phoca Gallery.




 

 

Как видите, в поле для описания выводится специальный код, который напоминает код в Phoca Gallery для вывода фотографий в материал, и стоит в фигурных скобках.

{simplecaddy код=ID вашего продукта}  Например, simplecaddy код=001


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

 

 


 

 

При нажатии на кнопку открываются категории и товары, которые вы сами выбираете.

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

 

 

Мне это расширение просто не подошло, потому что картинки оказались слишком маленькими. Кроме того, у меня все-таки художественная галерея, а не интернет-магазин. Поэтому все скриншоты могу показать только, как есть.

zuit.ru - читайте: Психология любви. Как правильно дарить подарки?


На своем сайте заходим через панель администратора в:  Компоненты – Simple Caddy. После этого открывается Simple Caddy Control Centre.

 


 

 

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


Открываем пункт «Продукты» и делаем точно так же, как и при создании новой фотографии в галерее. Нажимаем «Создать», после чего открывается форма для заполнения. Пишем код, название и выбираем категорию. Категории сами мы не будем создавать, все уже предусмотрено в этом компоненте.

 


 

 

 

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

 

 


 

 

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


Тогда у вас получится примерно следующее: при просмотре фотографий будет написана вся информация.

 



 

 

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


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

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

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


Поцеловал Иван-царевич лягушку, и превратилась она в доброго молодца.

- Самец! - подумал Иван.

 

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

 

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


В этом уроке я рассказала вам о том, как в Phoca Gallery можно создать небольшой интернет-магазин, используя для этого компонента расширение Simple Caddy.

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


P.S. Понравилась статья? Не забудьте подписаться на обновления и получать свежие новости на e-mail, чтобы не пропустить ценную информацию.

 


Советуем вам прочитать другие интересные статьи:


Как установить и русифицировать галерею Phoca Gallery

Phoca Gallery. Создаем разделы и категории

Как вывести галерею фотографий в материал?

Как изменить код для вывода фотографий?

Социальные сети через увеличительное стекло

Создание эскизов в галерее

 

 


Добавить комментарий


Защитный код
Обновить

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка