Magento українською

Email темплейти в Magento

Magentoua — Mon, 20 Jun 2011 08:29:15 +0000

Під час реєстрації на сайті, зміні паролю, купівлі продуктів чи підписці на розсилку, система Magento відсилає користувачам email листи. Де їх шукати та як редагувати розглянемо в цій статті.

Почнемо з найпростішого – логотипу магазину. Замінити існуючий ви можете тут: /skin/frontend/vash_package/vasha_thema/images/logo_email.gif . Лого повинно бути в форматі GIF, може бути і в іншому, але тоді вам прийдеться редагувати його формат у всіх темплейтах.

При встановленні Magento наші email-темплейти знаходяться в app\locale\en_US\template\email\ . Слід пам’ятати, що для інших мов, наприклад, для російської шлях до темплейтів буде мати наступний вигляд app\locale\ru_RU\template\email\. Усі ці файли ви можете редагувати на ваш розсуд.

Якщо ви проглянули ці файли, то мабуть звернули увагу на наступні теги:

{{var store.getFrontendName()}} - 
{{config path='general/store_information/phone'}} - 
{{config path='trans_email/ident_support/email'}} -

Ці теги витягують потрібні значення, які ви налаштували в Панелі Адміністратора System->Configuration->General->Store Information

та в System->Configuration->Store Email Addresses

Увага: Розклад роботи магазину за замовчуванням має наступний вигляд “Monday – Friday, 8am – 5pm PST”, якщо вам потрібно його змінити, то потрібно буде редагувати всі емейл темплейти вручну, оскільки в панелі адміністратора він не задається.

Емейли, які підтверджують покупку чи доставку, мають свої окремі рендерери для масиву продуктів в ордері, а також для методів доставки та оплати. Файли ви можете подивитися тут app\design\frontend\base\default\template\email\ , але якщо вам потрібно їх поредагувати, то не забудьте скопіювати потрібні файли в свою тему. Ніколи не редагуйте файли в base темі!

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Архітектура Magento: базова файлова структура

Спеціальні теги в Magento

Як покращити якість картинок в Magento

Як створити меню з act-ефектом використовуючи віджети в Magento

Magentoua — Mon, 09 May 2011 08:06:23 +0000

Дуже часто під час розробки інтернет магазину потрібно зробити меню зі статичних сторінок. Наприклад “Про нас”, “Доставка”, “Умови повернення” і таке інше. Меню може бути, як в “шапці” сайту, так і в “підвалі”. Часто дизайн магазину передбачає, що коли ми переходимо на одну з цих сторінок відповідний йому пункт меню має підсвічуватися як активний.

Це завдання ми можемо реалізувати за допомогою лише CSS додавши унікальні id на кожен з елементів меню та враховуючи те що на тег Magento доставляє унікальні класи, які залежать від URL ідентифікатора сторінки.

Але правильніше це зробити використовучи віджети, які доступні в Magento з версії 1.4.x. Отже давайте творити:

1. Перш за все створюємо власне статичні сторінки з яких складатиметься меню (“Про нас”, “Доставка”, “Умови повернення” і та інші).

2. Створюємо файл для нашого віджету по цьому шляху
app/design/frontend/vashpackage/vashatema/template/cms/widget/link/cms_menu_link.phtml з наступним кодом у середині:

getBaseUrl(),'/').$this->getRequest()->getPathInfo();
if ($testHref == $this->getHref() || strpos($testHref, $this->getHref().'/') === 0) {
	$this->setClass($this->getClass().' act');
}
?>
getLinkAttributes() ?>>

3. Створюємо статичний блок, який і буде нашим меню. В ньому додаємо наступний код:

4. В вікні статичного блоку клікаємо на кнопці ”Insert Widget”, у вспливаючому вікні вибираємо ”CMS Page Link” в селекторі “Widget Type”. Заповнюємо поля ”Anchor Custom Text” та “Anchor Custom Title”. В селекторі ”Template” вибираємо “CMS Page Link Inline Template”. Після цього натискаємо кнопку “Select Page” та вибираємо бажану сторінку (в нашому випадку це About Us). Тепер натискаємо ”Insert Widget” в правому верхньому кутку.

5. Ми отримаємо код дуже подібний на цей:

{{widget type="cms/widget_page_link" anchor_text="About Us" title="About Us" template="cms/widget/link/link_inline.phtml" page_id="3"}}

у ньому підміняємо template=”cms/widget/link/link_inline.phtml” на template=”cms/widget/link/cms_menu_link.phtml”.
Як ви розумієте цей дивний шмат коду буде генерувати нам посилання на пункт меню “About Us”, а саме лінк на нього. Тому ми переносимо його в потрібне для нас місце в HTML. І наш код виглядатиме так:

{{widget type="cms/widget_page_link" anchor_text="About Us" title="About Us" template="cms/widget/link/cms_menu_link.phtml" page_id="3"}}

тепер посилання буде мати клас “act” коли ми зайдемо на сторінку About Us, у всіх інших випадках воно буде без класу.

6. Повторюємо пункти 4 та 5 для кожного пункту меню.

7. Коли завершите зберігаєте блок та стайлите його відповідно до дизайну.

Удачі.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Встановлюємо Magento на локальний компютер

25 неймовірно корисних CSS трюків про які ти повинен знати

Архітектура Magento: базова файлова структура

Magento Go!

Magentoua — Sat, 12 Feb 2011 09:45:03 +0000

Зранку 8 лютого на Magento Imagine event в Лос-Анджелесі корпорація Magento оголосила про свій новий продукт “Magento Go” (раніше відомий під назвою “Stratus”), як додаток до своєї теперішньої лінії продуктів, які включають Magento Community, Professional, Enterprise та Mobile. Magento Go буде програмним забезпеченням, як послуга (Saas) для власників магазинів, які шукають e-commerce рішення з хостингом, на зразок платформи WordPress.com для блогів. Ви “орендуєте” програмне забезпечення сплачуючи щомісячну плату.

Також планується запустити Magento Go Platform (платформа, як послуга або Paas), щоб розробники також могли працювати з Go і створювати додатки з нього через OpenSocial та OAuth.

Magento Connect буде сумісним з Go. Гарна новина: додатки створені для однієї з версій Magento будуть сумісними з Go, отже не буде затратних адаптацій для цього нововведення. Також Magento планує роздати річних абонементів для невеликих магазинів на суму в 1 мільйон доларів. Хоча ця сума призначена для реклами і для щоб побільше людей спробували новинку – все-одно непогано.

Для широкого загалу про Magento Go буде оголошено приблизно за місяць. Щоб бути в курсі останніх новин ви можете слідкувати в твітері за @magentogo.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Встановлюємо Magento на локальний компютер

Чекліст для розробника магазину на Magento

Як зробити так, щоб у вашому інтернет-магазині нічого не купували

Налаштування Nofollow та Noindex в Magento.

Magentoua — Fri, 28 Jan 2011 08:54:58 +0000

Як Ви знаєте закрити чи відкрити сторінки для індексації пошуковими роботами можна двома способами,

За допомогою файлу robots.txt, який знаходитиметься в корені Вашого сайту.
Використовуючи мета тег meta name="robots".

Ми коротко розглянемо другий варіант. Отже, meta name="robots" може мати такий вигляд:

Пояснювати для чого використовується кожен з варіантів не буду, оскільки Інтернет просто завалений ~~гавно~~блогами присвяченим SEO та іншій оптимізації. Погугліть, якщо цікаво.

В Magento Ви глобально задаєте параметри meta name="robots". Зробити це можна в панелі адміністратора -> System -> Configuration -> Design -> HTML Head -> Default Robots. Вибираєте потрібний варіант та натискаєте Save Config.

Якщо ж потрібно на певні статичні сторінки поставити noindex та nofollow, то зробити це можна за допомогою layout update:

В панелі адміністратора йдете в CMS -> Pages та відкриваєте потрібну Вам сторінку. В закладці Design шукаєте поле Layout Update XML і в нього додаєте наступний код:


  noindex, nofollowrobots

Цей код Ви також можете сміливо використовувати у .xml файлах вашої теми.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

«Top Links» в Magento

Спеціальні теги в Magento

Як вивести список популярних продуктів на головній сторінці магазину в Magento?

Терміни та умови (Terms and conditions) в Magento

Magentoua — Mon, 24 Jan 2011 09:02:05 +0000

Терміни та умови на англомовному сайті

Терміни та умови (Terms and conditions) – це блок, який виводиться на останньому кроці в чекауті перед кнопкою “Place Order”.

Доволі часто власникам онлайн магазинів потрібно, щоб перед тим, як покупець зробить в них замовлення, він погодився на певні умови (терміни доставки, процедура повернення товару, гарантії та ін.). Для цього у Magento використовується секція “Terms and Conditions”. Покупець не зможе зробити замовлення, допоки не погодиться на запропоновані йому умови(так як Ви не можете встановити програму на свій ПК, допоки не приймете ліцензією).

Перш за все налаштуємо терміни та умови в панелі адміністратора. Йдемо в Sales -> Terms and Conditions і натискаємо Add New Condition. З’явиться форма, яка показана нижче.

Заповнюєте, зберігаєте форму та перевіряєте як все виглядає на чекауті.

Все налаштовано і готове до використання.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Атрибути продуктів в Magento.

Як видалити блок «Порівняти продукти» (Compare) в Magento?

Знайомство з Magento. Відео.

Кастомні шрифти в Magento – @font-face

Magentoua — Mon, 06 Dec 2010 09:00:41 +0000

Якщо ви хочете якось виділити ваш магазин з поміж інших – ви можете використати якісь оригінальні та не стандартні шрифти для цього. Та оформити ними заголовки сторінок, назви категорій та продуктів.

Найкращою технікою на даний час можна вважати @font-face оскільки він інтуїтивно підтримується браузерами та за допомогою певних маніпуляцій буде працювати майже у всіх браузерах.

Використання

Спочатку вам потрібно підключити сам шрифт у css файлі

@font-face {
        font-family: Sansation;
        src: url(/Sansation_Regular.otf);
}

Після цього ви можете присвоювати його так ніби це один із стандартних шрифтів

h2 {
        font:24px/1.1em 'Sansation',Arial,sans-serif;
}

Цей метод потребує невеликої корекції щоб працювати у всіх браузерах. Він вже роки підтримується IE, в Chrome, Firefox 3.5+, Safari 3.2+, Opera 10+. Проблема в тому що кожен з них використовує інший тип фалу для шрифту ( EOT, OTF, TTF, SVG або WOFF ), тому щоб бути впевненими, що він працює в усіх браузерах, ми повинні підключити усі ці файли в нашому відключенні @font-face.

Можливо найкращим способом імплементації @font-face буде – піти на Fontsquirrel та скачати @font-face kit з потрібним вам шрифтом. Ви навіть можете залити туди всій власний файл, а FontSquirrel згенерує для вас @font-face kit. Але переконайтеся що шрифт, який ви хочете підключити є вільним для поширення.

Після цього далі все досить просто. Створіть у вашій директорії skin директорію fonts та скопіюйте туди файли, які ви скачали.

Відкрийте ваш css файл та об’явіть @font-face:

@font-face {
	font-family: 'Sansation';
	src: url('../fonts/Sansation_Regular.otf');
	src: local('?'), url('../fonts/Sansation_Regular.woff') format('woff'), url('../fonts/Sansation_Regular.ttf') format('truetype'), url('../fonts/Sansation_Regular.svg#webfontzqb2Knxj') format('svg');
}

А потім сміливо використовуйте відключений шрифт.

.page-title h1 {
     font:24px/1.1em 'Sansation',Arial,sans-serif;
}

Зворотня сторона медалі

Однією з найбільших проблем цього методу є те що ви бачите стандартний шрифт поки файл з новим шрифтом підключається. Інша проблема – деякі браузери можуть досить огидно згенерувати підключений шрифт. Для тих кому ці проблеми здаються критичними і він хоче спробувати інший метод пропоную використати Cufón, про який я писав трохи раніше.

Загалом цей метод широко використовується зараз. Він є досить швидким і “легким” у порівнянні з іншими методами. Згідно статистики він підтримується на 92% платформ, тому не бійтеся його використовувати.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Що таке cufón і як його підключити?

Як підключити css файл в Magento?

Як додати кнопку Add This та Facebook like на сторінку продукту в Magento.

Magento у хмарах (Project Stratus)

Magentoua — Fri, 22 Oct 2010 07:53:37 +0000

Привіт. Вчора у твітері промайнуло повідомлення про новий проект Magento Inc…

Magento: Project Stratus

Що ж це таке? Офіційний FAQ звучить так:

Project Stratus – це платформа для електронної комерції нового покоління. По суті Stratus це онлайн версія нашої платформи для комерції. Все що ви до цього знали і любили в Magento буде доступним на цьому сервісі хостингу. Stratus створює для продавців більшу свободу вибору продукту і платформи, які найкраше підходять саме їм.

Stratus дасть можливість продавцям і розробникам модифікувати, розширювати та інтегрувати розміщений магазин так ніби це їхній код на їх власних серверах… безпрецедентна можливіть на ринку сьогодні.

Якщо ви підете на stratus.magento.com то побачите сторінку (ту що зверху). Там можна підписатися на розсилку, ввести ключик або попросити його.

Бета версія буде доступна десь на початку 2011 року. Не знаю скільки запрошень вони планують віддати, але я вже вислав запит на інвайт. Що і вам рекомендую зробити, якщо вас цікавить усе нове.

Звичайно все це ставить більше запитань ніж відповідей, але офіційний сервіс на хмарках від Magento не може не радувати. Ходять чутки що у цьому питанні Magento співпрацюватиме з Rackspace.

Триматиму вас в курсі і якщо отримаю ключик то відпишусь про враження.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Magento Widgets

Magento 1.4. Що новенького?

Як зробити так, щоб у вашому інтернет-магазині нічого не купували

Книга Magento Українською. Частина перша

Magentoua — Thu, 30 Sep 2010 07:57:42 +0000

Привіт всім читачам блогу «Magento Українською»!

Сьогодні пропоную вашій увазі напевне що першу електронну книгу по Magento на українській мові.

А що ж всередині?

Дана книга включає в себе 10 розділів, які відповідають десятьом статтям на блозі та призначена для початківців.

Ось список розділів:

Що таке Magento?
Встановлюємо Magento на локальний комп’ютер
Архітектура Magento: базова файлова структура
5 помилок, які роблять новачки в Magento
Створення нової теми в Magento
Як створити та редагувати статичний блок Static Block в Magento?
Як створити нову статичну сторінку (CMS Page) в Magento.
Як підключити css файл в Magento?
Як видалити блок «Порівняти продукти» (Compare) в Magento?
Спеціальні теги в Magento.

Тепер ви можете читати про Magento на своїй електронній книжці або, якщо у вас відсутній інтернет вдома, на своєму ноутбуці. Також дану книгу можна роздрукувати у зручному для вас форматі.

Дана книга є абсолютно безкоштовна і поширюється за ліцензією Creative Commons. Тобто Ви можете абсолютно легально скачувати та поширювати дану книгу не в комерційних цілях.

Magento Українською. Частина перша by @Magentoua is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

Для скачуваня нажміть на іконку або клікніть правою кнопкою мишки і виберіть «Save link as» з контексного меню (розмір 3.2 мб):

В майбутньому планується вихід другої частини, яка буде включати розділи для більш детального ознайомлення з Magento.

Якщо ви не хочете пропустити вихід другої частини книги то підпишіться на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Гуру кодінгу. Комікс

Magentoua — Fri, 24 Sep 2010 07:54:18 +0000

Як і обіцяв вчора у твітері публікую ще один переклад коміксу про Magento. Попередній комікс ви можете глянути тут.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Інтерв’ю на посаду Magento девелопера. Комікс

25+ безплатних іконок для інтернет магазину

25 неймовірно корисних CSS трюків про які ти повинен знати

Атрибути продуктів в Magento.

Magentoua — Mon, 20 Sep 2010 07:46:33 +0000

У Magento є можливіть кожному продукту присвоїти певні атрибути або набір атрибутів. Що ж це за атрибути такі? Для прикладу у вас є магазин ноутбуків і вам потрібно виводити марку, дату виготовлення, країну де збиралася модель, вагу, розміри, наявність веб камери та ще багато різноманітних характеристик. Саме для такого і потрібно використовувати атрибути продукту.

Де налаштувати атрибути?

Йдемо в Панель Адміністратора Catalog->Products і клікаємо на нашому продукті. За замовчуванням у продукту є атрибути: колір, вага, виробник та інші. Тому просто проходимося по них і заповнюємо потрібними даними.

Як поредагувати атрибут?

Кожен атрибут має свій набір параметрів, які можна поредагувати. Для цього йдемо в Catalog->Attributes->Manage Attributes та знаходимо там потрібний атрибут. Ось так виглядатиме сторінка налаштувань атрибуту Brand:

Редагуємо атрибут Brand

Як створити новий атрибут?

Інколи наявних атрибутів є недостатньо, тоді ми просто створюємо їх самостійно. Для цього йдемо в Панель Адміністратора Catalog->Attributes->Manage Attributes та клікаємо на «Add New Attribute». Ми перейдемо на сторінку створення атрибуту.

По порядку проходимося по полях і заповнюємо їх. Поля, які нам не потрібні, залишаємо так як вони є:

Attribute Code – задаємо код атрибуту. Наприклад rik_vugotovlennia. Поле є обов’язковим.
Catalog Input Type for Store Owner – тут задаємо тип поля вводу. Тобто як буде виглядати поле вводу атрибуту для користувача.
Default Value – значення атрибуту за замовчуванням.
Input Validation for Store Owner – можна підключити валідацію поля вводу атрибуту. У нашому випадку вибираємо Integer Number (ціле число), бо рік може бути лише цілим числом.
Apply To – тут можна вибрати до яких типів продуктів застосовувати атрибут, до усіх чи до декількох.
Use in Quick Search – чи використовувати в пошуку
Use in Advanced Search – чи використовувати в розширеному пошуку
Visible on Product View Page on Front-end – якщо вибрати ‘Yes’ то атрибут буде видимий на сторінці продукту
Used in Product Listing – чи використовувати у списку продуктів
Used for Sorting in Product Listing – чи використовувати для сортування у списку продуктів

В другому табі в секції «Manage Titles» вводимо назву Атрибуту. Наприклад Rik Vugotovlennia. Клікаємо «Save Attribute». Наш сворений атрибут з’явився у списку доступних:

Атрибут Rik Vugotovlennia

Тепер потрібно додати нашого новоствореного в набір атрибутів. Заходимо в Catalog->Attributes->Manage Attribute Sets і натискаємо на Default:

Як ми бачимо там є дві колонки: ліва з Групами і права з атрибутами, які не додані до жодної групи. Якщо атрибут не доданий до групи він не буде видимий на властивостях продукту, тому перетягуємо наш атрибут rik_vugotovlennia в групу General та не забуваємо клікати Save attribute set.

Тепер шукаємо наш продукт з набором атрибутів default та заходимо на нього.

Ми бачимо що в закладці General уже з’явилося поле Rik Vugotovlennia. Вводимо в нього наше значення та натискаємо Save.

У нашому магазині шукаємо продукт в якому ми щойно заповнювали поле Рік виготовлення. Якщо ми все зробили правильно то повинні побачити наступне:

Ось і все на сьогодні. Сподіваюсь все зрозуміло, а якщо ні то питайте і відповідь не забариться.

Сподобалася стаття? Підпишись на RSS або на e-mail розсилку. А ще приєднуйся до нас у Твітері @magentoua.

Вам також буде цікаво прочитати:

Конфігурований (Configurable) продукт в Magento. Відео

Спеціальні теги в Magento

7 простих способів підвищити безпеку інтернет магазину