BYSOFT - Magento Design Integration Training

Design Integration Guideline Bysoft China – www.bysoftchina.com

Contents Bysoft China – www.bysoftchina.com Layout comprehension 3 Understand header and footer elements 5 Prepare working environment 3 2 Introduce Block 3 4 Standard development workflow 1

Bysoft China §1. Standard development workflow Open the doc Bysoft China – www.bysoftchina.com

Bysoft China §2. Prepare working environment Bysoft China – www.bysoftchina.com

[object Object],[object Object],[object Object],[object Object],Prepare working environment Bysoft China Bysoft China – www.bysoftchina.com

Prepare working environment ,[object Object],[object Object],[object Object],[object Object],[object Object],Bysoft China means you find layout in checkout.xml , set the place of cart_sidebar block in it reference name and edit in checkout/cart/sidebar.phtml (as set in template) frontendefaultefaultemplateheckoutartidebar.phtml Bysoft China – www.bysoftchina.com

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Prepare working environment Bysoft China

Prepare working environment ,[object Object],[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

Prepare working environment ,[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

Bysoft China §3. Layout comprehension Bysoft China – www.bysoftchina.com

Theme comprehension ,[object Object],[object Object],[object Object],Bysoft China

Layout override rules (priority) bysoft (category, product) bysoft (store view) bysoft theme (global) default theme Highest Higher Lower Lowest Bysoft China Bysoft China – www.bysoftchina.com

Theme concept ,[object Object],[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

Theme and file structures Theme Concept bysoft theme css images js layout template locale Bysoft China skin app Bysoft China – www.bysoftchina.com

Bysoft China §4. Introduce Block Bysoft China – www.bysoftchina.com

Introduce Block ,[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

Introduce Block ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

CMS page V.S static block CMS page CMS pages are for home page and static pages that aren’t included in catalogs. Static block Static blocks are very flexible, it can be landing pages; it also for custom html code which can put anywhere on the page, ex: header and footer links CMS Content management system Bysoft China Bysoft China – www.bysoftchina.com

Call CMS pages ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

Call static blocks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

Call Modules ,[object Object],[object Object],[object Object],[object Object],[object Object],Bysoft China Bysoft China – www.bysoftchina.com

Bysoft China §5. Understand header and footer elements Bysoft China – www.bysoftchina.com

Type of header elements Logo  back office Search  catalogsearch.xml Switch Languages  page.xml Header Elements & its layouts Top links My Account, Login , Logout  catalog.xml My Wish List  wishlist.xml My Cart, Checkout  checkout.xml Welcome message  back office Bysoft China Bysoft China – www.bysoftchina.com

Type of footer elements Switch Stores  page.xml About Us, Customer Service  cms.xml Footer links Sitemap  catalog.xml Advance Search  catalogsearch.xml Term Search  catalogsearch.xml Contact Us  contacts.xml copyright  back office Footer Elements & its layouts Bysoft China Bysoft China – www.bysoftchina.com

You can find this ppt and other resources at Sarge:MAGENTO Thank You ! Bysoft China Bysoft China – www.bysoftchina.com

BYSOFT - Magento Design Integration Training

Recomendados

Recomendados

Más contenido relacionado

Último

Último (20)

Destacado

Destacado (20)

BYSOFT - Magento Design Integration Training