Shopify News & Journal

3
ノート

[Shopify] 商品詳細ページのレイアウト切り替え方法

こんにちは!フルスタックエンジニア@フラクタのナカモトです。
本日は、Shopifyの商品詳細ページのレイアウト切り替え方法についてお話します。

Shopifyではliquidというテンプレートエンジンを採用し、同じ種類のページを1つのファイルでコントロールしています。
こちらは便利な場合が多いのですが、例えば、同じ商品詳細ページでも商品によって、情報量が異なり、「レイアウトも違う感じにしたいな

もっとみる
ぜひシェアもしてください!
4

[Shopify] テーマのファイル構成 - デザイン開発基礎

こんにちは!フルスタックエンジニア@フラクタのナカモトです。
本日は、shopifyでWEBデザインを行う時に関わってくる「テーマ」についてお話します。

テーマとは

A theme is a collection of files that control the layout and appearance of your website. Shopify themes are built w

もっとみる
私たちへのスキをありがとう!
4

[Shopify] 便利なCSS用の機能

こんにちは!フルスタックエンジニア@フラクタのナカモトです。
本日は、Shopifyの便利なCSS用の機能についてお話します。

Shopifyで使えるCSS系ファイルの種類

Shopifyでは以下、3種類のCSS系ファイルが利用できます。

・CSSファイル
・SCSSファイル
・liquidファイル

それぞれの特徴

・CSSファイル
通常のCSSファイルです。

・SCSSファイル
SC

もっとみる
私たちへのスキをありがとう!
12