gomymobi.com: 知識ベース

ストアテーマの作成方法

ストアテーマとは何ですか？

- Frontpageのようなストアテーマは、PHPと静的なHTMLファイルのセットです。したがって、LavarelやZendなどの素材、リソース、フレームワークを使用して、店舗テーマを構築することもできます。ちょうどあなたが望むように使いたいと思うように使いましょう。

- しかし、組み込みのリソースを使用して、より速く、システムごとにコード化されたリソースを使用することをお勧めします。これにより、Webサイトで最高のパフォーマンスとスピードを実現します。

ストアテーマの構造

Store-Theme-Zipped-File.zip
- index.php (必須)
- theme-settings.php (必須)
- preview.jpg (任意)
- screenshots-files (必須)
- カスタムファイル.php
- カスタムフォルダ
  - custom-file.css
  - custom-file.jpg

- Zip形式のテーマファイルの最初のルールは、すべてのファイルとフォルダが、サブレベルではなく、ZIPファイルのルートにある必要があります。

- 第二に、ストアのテーマパッケージには無制限のファイルとフォルダがあるかもしれませんが、 theme-settings.php そして、 index.php 必要です。これらのファイルは、店舗のページが閲覧されるたびにロードされます。 index.php内のすべての処理を開始します。

theme-settings.php

- このファイルには、必要なストアテーマ設定と、ストア管理セクションでストアテーマ設定を変更できるカスタム設定の両方が含まれています。

$store_theme_settings = array(
	'Version'	=> '1',
	'Info'		=> array(
		'default' 	=> 'ストアテーマの説明。',				// 必須
		'fr'		=> 'フランス語での店舗テーマの説明。',	// 任意
		'de'		=> 'ドイツ語の店舗テーマの説明。',	// 任意
		),

	/*
	スクリーンショットは配列でなければならない
	パターン:
		1) 'Screenshots'	=> array(
			インデックス番号			=> 'スクリーンショットキャプション'')
		2) 'Screenshots'	=> array(
			'ファイル名。拡張子'	=> 'スクリーンショットキャプション'')
	*/
	'Screenshots'	=> array(
		1 => 'スクリーンショットキャプション',
		2 => 'スクリーンショットキャプション',
	),

	/*
	'Screenshots'	=> array(
		'screenshot.jpg' => 'スクリーンショットキャプション',
		'screenshot.png' => 'スクリーンショットキャプション',
	),
	*/
);

/********************************************************************************
あなたの店のテーマがサポートするウィジェットの数と各ウィジェットの名前、位置を宣言します
開始時にデフォルトのウィジェットコンテンツも含まれています

下のサンプルコードでは、1つの主要ウィジェットブロックと3つのウィジェットブロックがフッターにあります
ユーザーは各ブロックに無制限ウィジェットを追加できます
********************************************************************************/
$THEME_WIDGET_BLOCK = array(
	array(
		'primary' => 'left', 		// プライマリウィジェット（サイドバー）とその位置。テーマがサイドバーをサポートしていない場合は削除
		'name'    => __('Sidebar'),	// ウィジェットブロックの名前
		'tag'     => array(
			'start'   => '<div class="sidebar col-md-3 col-sm-5">',	// これらのタグの間にウィジェットブロックの内容が配置されます
			'end'     => '</div>',
			'heading' => 'h3',		// このブロック内の各ウィジェットのHTMLタグ
			'content' => ''
		),
		'default' => array(			// 開始時のデフォルトウィジェット
				0 => array(
					'type'     => 'category',	// 許容されるタイプのウィジェットのタイプ： category, text, page, tag
					'title'    => __('List'),	// 名前の名前
					'dropdown' => 0,			// ウィジェットのプロパティ
					'show_counts'   => 1,
					'treeview' => 0,
				)
		)
	),
	array(
		'name' => __('Footer 1'),
		'tag'  => array(
			'start'   => '<div class="col-md-3 col-sm-6 pre-footer-col">',
			'end'     => '</div>',
			'heading' => 'h3',
			'content' => ''
		),
		'default'	=> array(		// 開始時のデフォルトウィジェット
				0 => array(
					'type'    => 'text',
					'title'   => __('About Us'),
					'content' => '<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam sit.</p>'
				)
		)
	),
	array(
		'name' => __('Footer 2'),
		'tag'  => array(
			'start'   => '<div class="col-md-3 col-sm-6 pre-footer-col">',
			'end'     => '</div>',
			'heading' => 'h3',
			'content' => ''
		),
		'default'	=> array(		// 開始時のデフォルトウィジェット
				0 => array(
					'type'   => 'page',
					'title'  => 'Information',
					'sortby' => 'name'
				)
		)
	),
	array(
		'name' => __('Footer 3'),
		'tag'  => array(
			'start'   => '<div class="col-md-3 col-sm-6 pre-footer-col">',
			'end'     => '</div>',
			'heading' => 'h3',
			'content' => ''
		),
		'default'	=> array(		// 開始時のデフォルトウィジェット
				0 => array(
					'type'    => 'text',
					'title'   => 'Latest Tweets',
					'content' => '<a class="twitter-timeline" href="https://twitter.com/gomymobi">Tweets by gomymobi</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>'
				)
		)
	),
);

/********************************************************************************
あなたの店のテーマのカスタム設定を宣言する
ユーザーは店舗の独自の設定を変更することができます

以下のサンプルコードでは、
	- 店舗の色を選択する1つのドロップダウン
	- フロッピーとしてヘッダを選択するには1チェックボックス
	- フィーチャーボックスの幅を設定する1つのテキストボックス
	- 1テキストボックスで割引セクションのカスタムテキストを設定する
********************************************************************************/
$theme_settings_custom = array(
	array(
		'name'		=> __('Theme Color'),	// 設定の名前
		'slug'		=> 'theme_color',		// 固有の設定名
		'help'		=> '',					// 設定の説明
		'type'		=> 'dropdown',			// 設定のタイプ、許容可能なタイプ： dropdown, checkbox, text, input_media
		'values'	=> array(
			'blue'    => __('Blue'),
			'green'   => __('Green'),
			'gray'    => __('Gray'),
			),
		'default'	=> 'green'				// 設定のデフォルト値
	),
	array(
		'name'		=> __('Header Nav Fixed'),
		'slug'		=> 'header_fixed',
		'help'		=> __('Set Header Menu floating'),
		'type'		=> 'checkbox',
		'values'	=> array(
			0     	  => __('No'),
			1     	  => __('Yes')
			),
		'default'	=> 1
	),
	array(
		'name'		=> __('Featured Width'),
		'slug'		=> 'featured_width',
		'help'		=> __('Set width of featured box'),
		'type'		=> 'text',
		'default'	=> '100%'
	),
	array(
		'name'		=> __('Discount Title'),
		'slug'		=> 'discount_title',
		'help'		=> __('Enter title for Discount Section'),
		'type'		=> 'text',
		'default'	=> 'In Discounting'
	),
);

ストアで使用されるグローバルなPHP変数

- Beside global usable PHP variables & functions, store platform has many PHP variables that allows you to use at anywhere in store scope.

// NULLでない場合、訪問者が製品を表示していることを示します。
$Product = 

// NULLでない場合、現在の視聴製品にタグがあることを示します。
$Product_Tags = 

// NULLでない場合、訪問者がカテゴリ別に製品のリストを表示していることを示します。
$Shop_Current_Category = 

// NULLでない場合は、訪問者がタグで製品のリストを表示していることを示します。
$Shop_Current_Tag = 

// NULLでない場合は、訪問者がページを表示していることを示します。
$Shop_Current_Page = 

// NULLでない場合は、新しい製品のIDの配列を含む
$New_Item_IDs = 

// NULLでない場合、訪問者が注文の詳細を表示していることを示します。
$Shop_Order = NULL;

// オブジェクトには、ストアのすべてのアクティブなカテゴリが含まれます。
$Shop_Categories;

// オブジェクトには、ストアのすべてのアクティブページが含まれます。
$Shop_Pages;

/***************************************************
***** 上記の変数はすべてオブジェクトまたはNULLです。 ******
****************************************************/

// TRUEの場合、訪問者が間違ったURLを入力したことを示します。リソースを見つけることができません。
$Resource_Not_Found                =

// TRUEの場合、訪問者が商品をすばやく表示していることを示します
$Product_isQuickview               =

// TRUEの場合、状態はカートに追加されたばかりの項目を示します
$Product_addedToCart               =

// TRUEの場合、状態はカートからただ削除された項目を示します
$Product_removedFromCart           =

// TRUEの場合、店舗が閉鎖されていることを示します。管理者とオーナーのみが店舗を表示できます
$Shop_is_Closing                   =

// TRUEの場合、訪問者はショッピングカートを表示していることを示します
$Shop_Cart_Viewing                 =

// TRUEの場合は、更新されたショップカートを示します
$Shop_Cart_Updated                 =

// TRUEの場合、訪問者がチェックアウトを表示していることを示します。
$Shop_Checkout_Viewing             =

// TRUEの場合はPaypalの制限を示し、並列支払いは処理できません：購読と購読、購読＆カート
$Payment_Gateway_Restricted        =

// TRUEの場合、カート/チェックアウト/オーダーが有形アイテムを有することを示すために使用される
// 訪問者にチェックアウトページに出荷明細を入力する必要があります
$Checkout_Has_Tangiable_Item       =

// 配列に送信時にチェックアウトエラーが含まれる
$Error_Message                     =

// TRUEの場合、訪問者は有効なオーダーを表示しています
$Shop_Order_Viewing                =

// TRUEの場合は、作成したばかりの注文を示します。
$Shop_Order_Received               =

// TRUEの場合、Paypalの支払いが自動的に処理され、成功を返すことを示します。
$Shop_Order_Payment_Received       =

// TRUEの場合、訪問者が電子メールアドレスで注文を検索したことを示します。
// また、電子メールアドレスにルックアップの詳細が送信されました
$Shop_Order_Email_Lookup_Success   =

$Shop_Order_Email_Lookup_Not_Found = 
FALSE;

// ストアの一意のCookie名
$shop_cookie_name

// 商品リストのページ区切り範囲
$Shop_Pagination_Number	// 数