Training for Maxpho templates CSS personalization.

1. CSS
Personalización CSS en los
Networks
FORMACION MAXPHO GOLD PARTNERS

2. Maxpho cloudsdata.net
With a new instance the starting kit is:
FORMACION MAXPHO GOLD PARTNERS

3. List
• Admin credentials
• S3 credentials
• Cloudfront link
• cloudsdata.net domain
• DNS records
• API credentials (if requested)
Examples links
• http://www.partnerdaymadrid.es/admin/
• http://maxphocommerce.s3.amazonaws.com/dv/
• http://x.cloudsdata.net/dv/
• http://dv.x.cloudsdata.net/
Maxpho cloudsdata.net
FORMACION MAXPHO GOLD PARTNERS

4. FORMACION MAXPHO GOLD PARTNERS
eCommerce Maxpho
Pro
• no developing
• secure sync with networks
• easy to start (via CSS)
• fast server response
Limits
• no HTML changes
(excepts for definitions)
• no PHP/MySQL
changes
• only standard features
available

5. FORMACION MAXPHO GOLD PARTNERS
Maxpho Template List
Fixed Templates
• Default
• Twosides
• Fashionquality
• Fashionweb
• Hightop
• Oneline
• Xpro
Responsive
Templates
• Fluidlight
• Fluidimage

6. FORMACION MAXPHO GOLD PARTNERS
Maxpho Template
Structure
Top
Bottom
Modules Content (before)
Modules Content (after)
Content

7. FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage
Structure
Top
Bottom
Modules Content (after)
Content
Modules Content (before)

8. Fluidlight Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

9. Fluidlight Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

10. Fluidlight Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

11. Fluidlight Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

12. Fluidlight Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

13. Fluidlight Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

14. Fluidlight Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

15. Fluidlight General Structure
FORMACION MAXPHO GOLD PARTNERS

16. Fluidlight General Structure
FORMACION MAXPHO GOLD PARTNERS

17. To
p
Fluidimage Homepage
Structure
Top
Botto
m
Modules Content (before)
Modules Content (after)
Content
Bottom
FORMACION MAXPHO GOLD PARTNERS

18. To
p
Fluidimage Homepage
Structure
Top
Botto
m
Modules Content (before)
Modules Content (after)
Content
Bottom
FORMACION MAXPHO GOLD PARTNERS

19. Fluidimage Homepage
Structure
Top
Modules Content (before)
Modules Content (after)
Content
Bottom
FORMACION MAXPHO GOLD PARTNERS

20. Fluidimage Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

21. Fluidimage Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

22. Fluidimage Homepage
Structure
FORMACION MAXPHO GOLD PARTNERS

23. FORMACION MAXPHO GOLD PARTNERS

24. FORMACION MAXPHO GOLD PARTNERS

25. Modules Boxes List
• Manufacturers list
• Manufacturer info (p)
• Search
• Products Price Search (c)
• Products Attribute Search (c)
• Specials
• What's New
FORMACION MAXPHO GOLD PARTNERS

26. Modules Boxes List
• Manufacturers list
• Manufacturer info (p)
• Search
• Products Price Search (c)
• Products Attribute Search (c)
• Specials
• What's New
• Categories
• Languages
• Currencies
• Shopping Cart
• Tag Clouds Box
• Free Boxe 1
• Free Boxe 2
FORMACION MAXPHO GOLD PARTNERS

27. Modules Content List
• New Products
• Upcoming Products
• Also Purchased Products (p)
• Best Sellers
• Advanced Search
FORMACION MAXPHO GOLD PARTNERS

28. Modules Content List
• New Products
• Upcoming Products
• Also Purchased Products (p)
• Best Sellers
• Advanced Search
• Specials
• Discounts
• Best Discount
• Store Categories
• Tag Clouds Content
FORMACION MAXPHO GOLD PARTNERS

29. S3 / Cloudfront
FORMACION MAXPHO GOLD PARTNERS

30. S3 / Cloudfront
FORMACION MAXPHO GOLD PARTNERS

31. • Credencial:
• AccessKey
• SecretKey
• Dir
• How to use it:
• S3Fox or similar
S3 (something like FTP)
• Common errors:
• Can’t override a file
• Wrong credential (folder missing)
• Folder not found
FORMACION MAXPHO GOLD PARTNERS

32. • Credencial:
• none
• How to use it:
• within a
domain
Cloudfront
(something like proxy)
• Common errors:
• you cannot see current file
FORMACION MAXPHO GOLD PARTNERS

33. Cache System
• Browser
• S3
• Cloudfront
• Memcached
FORMACION MAXPHO GOLD PARTNERS

34. Cache System
• Browser
• S3
• Cloudfront
• Memcached
• Time [0h-24h]
• Types:
• Files
• Redirects
• HTTP headers
• etc…
FORMACION MAXPHO GOLD PARTNERS

35. Cache System
• Browser
• S3
• Cloudfront
• Memcached
• Time [0h]
• Types:
• All Files
• URL
• http://maxphocommerce.s3.amazonaws.com/
FORMACION MAXPHO GOLD PARTNERS

36. Cache System
• Browser
• S3
• Cloudfront
• Memcached
• Time [24h]
• Types:
• All Files
• URL
• http://x.cloudsdata.net/
FORMACION MAXPHO GOLD PARTNERS

37. Cache System
• Browser
• S3
• Cloudfront
• Memcached
• Time [1h-7d]
• Types:
• admin configurations
• website pages
• DB results
FORMACION MAXPHO GOLD PARTNERS

38. Files CSS
@import url(“…core.css”)
@import url(“…bootstrap.css”)
@import url(“…bootstrap-responsive.css”)
@import url(“…font-awesome.css”)
@import url(“…flexslider.css”)
@import url(“…turquoise.css”)
@import url(“…image.css”)
…customer_name.css (example attached)
(…) the 3 dots can be any url given
FORMACION MAXPHO GOLD PARTNERS

39. http://maxpho.es/mpd.zip
FORMACION MAXPHO GOLD PARTNERS