Personalization CSS at Maxpho ecommerce templates
39
CSS Personalización CSS en los Networks FORMACION MAXPHO GOLD PARTNERS
Transcript of Personalization CSS at Maxpho ecommerce templates
CSSPersonalización CSS en los
Networks
FORMACION MAXPHO GOLD PARTNERS
Maxpho cloudsdata.net
With a new instance the starting kit is:
FORMACION MAXPHO GOLD PARTNERS
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
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
FORMACION MAXPHO GOLD PARTNERS
Maxpho Template List
Fixed Templates
• Default
• Twosides
• Fashionquality
• Fashionweb
• Hightop
• Oneline
• Xpro
Responsive Templates
• Fluidlight
• Fluidimage
FORMACION MAXPHO GOLD PARTNERS
Maxpho Template Structure
Top
Bottom
Mod
ule
boxe
s (le
ft)
Modules Content (before)
Modules Content (after)
Mod
ule
boxe
s (rig
ht)
Content
FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage Structure
Top
Bottom
Modules Content (after)
Content
Module
boxe
s (le
ft)
Modules Content (before)
Fluidlight Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight General Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidlight General Structure
FORMACION MAXPHO GOLD PARTNERS
Top
Fluidimage Homepage Structure
Top
Bottom
Mod
ule
boxe
s (le
ft)
Modules Content (before)
Modules Content (after)
Mod
ule
boxe
s (rig
ht)
Content
Bottom
FORMACION MAXPHO GOLD PARTNERS
Top
Fluidimage Homepage Structure
Top
Bottom
Modules Content (before)
Modules Content (after)
Content
Bottom
FORMACION MAXPHO GOLD PARTNERS
Fluidimage Homepage Structure
Top
Modules Content (before)
Modules Content (after)
Content
Bottom
FORMACION MAXPHO GOLD PARTNERS
Fluidimage Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidimage Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
Fluidimage Homepage Structure
FORMACION MAXPHO GOLD PARTNERS
FORMACION MAXPHO GOLD PARTNERS
FORMACION MAXPHO GOLD PARTNERS
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
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
Modules Content List
• New Products
• Upcoming Products
• Also Purchased Products (p)
• Best Sellers
• Advanced Search
FORMACION MAXPHO GOLD PARTNERS
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
S3 / Cloudfront
FORMACION MAXPHO GOLD PARTNERS
S3 / Cloudfront
FORMACION MAXPHO GOLD PARTNERS
• 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
• Credencial:
• none
• How to use it:
• within a domain
Cloudfront (something like proxy)
• Common errors:
• you cannot see current file
FORMACION MAXPHO GOLD PARTNERS
Cache System• Browser
• S3
• Cloudfront
• Memcached
FORMACION MAXPHO GOLD PARTNERS
Cache System• Browser
• S3
• Cloudfront
• Memcached
• Time [0h-24h]
• Types:
• Files
• Redirects
• HTTP headers
• etc…
FORMACION MAXPHO GOLD PARTNERS
Cache System• Browser
• S3
• Cloudfront
• Memcached
• Time [0h]
• Types:
• All Files
• URL
• http://maxphocommerce.s3.amazonaws.com/
FORMACION MAXPHO GOLD PARTNERS
Cache System• Browser
• S3
• Cloudfront
• Memcached
• Time [24h]
• Types:
• All Files
• URL
• http://x.cloudsdata.net/
FORMACION MAXPHO GOLD PARTNERS
Cache System• Browser
• S3
• Cloudfront
• Memcached
• Time [1h-7d]
• Types:
• admin configurations
• website pages
• DB results
FORMACION MAXPHO GOLD PARTNERS
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
http://maxpho.es/mpd.zip
FORMACION MAXPHO GOLD PARTNERS
