Давайте розробляємо тему Shopify, давайте розробляємо тему Shopim. Нещодавно ThemeForest відкрив новий розділ, де ви можете купувати або продавати теми для Shopify! Shopify -це рішення для електронної комерції, що дозволяє легко розпочати Інтернет -бізнес. Ви можете запустити магазин за лічені хвилини. Для просування розділу Shopify на ThemeForest автори кожного прийнятого шаблону нагороджуються бонусом у розмірі 100 доларів, поки в цій категорії не буде 10 шаблонів. Shopify добре відомий своєю гнучкістю щодо дизайну. Подивіться на кілька прикладів. Shopify створений (і пізніше випущений як відкритий ресурс) рідкий шаблон. Рідина забезпечує повну свободу для дизайнерів. На цьому уроці я покажу, як створити тему Shopim за допомогою рідини. Коли ви знайомі з основами, ви можете створити тему та надіслати її ThemeForest. Що таке рідина? Рідина - це інструмент для створення шаблонів, розроблених та використаних Shopify. Рідина обробляє власні шаблони шаблонів, які мають розширення ".lquid". Рідкі файли -це лише HTML -файли з вбудованим кодом. Оскільки рідина дозволяє повністю налаштувати свій HTML, ви можете фактично створити абсолютно будь -який дизайн магазину. Спочатку рідина була розроблена в Ruby для використання з Shopify та випущена як відкритий ресурс. З тих пір він використовується в інших проектах Ruby on Rails і був переданий PHP та JavaScript. Швидкий огляд рідини. Давайте подивимось, що вам потрібно, щоб почати працювати з рідиною. Id = "продукти"> Тільки> Як бачите, рідина -це просто HTML з деяким вбудованим кодом. Ось чому Liquid настільки потужна, що дає вам повну живлення над кодом і спрощує роботу зі своїми змінними. Що відбувається вище? У рідині є два типи маркування: "вихід" та "теги". Теги рідини беруть у кучеряві кронштейни та відсотки; Вихід беруть у подвійні кучеряві кронштейни. У наведеному вище фрагменті перший рядок рідини такий :. . Це приклад рідини. Тег для циклу для колекції товарів і дозволяє працювати з кожним із них. Якщо ви коли -небудь використовували PHP, Ruby, JavaScript Cycles або (замінити будь -яку мову програмування), таким же чином він працює в рідині. Наступний рядок рідини у вищевказаному фрагменті є>. Це приклад виходу рідини. Це вимагатиме назви товару та відобразить результат на екрані. Наступна лінія рідина представляє нам щось нове:> - тут у нас є приклад рідкого фільтра. Вони дозволяють обробляти задану лінію або змінну. Фільтри беруть сенс ліворуч і роблять щось із цим. Цей конкретний фільтр називається format_as_money; Він приймає номер, додає йому знак долара і дає йому правильний символ валюти. Простий приклад: Class = "гроші" >> Наступний HTML -код може генерувати.