ecommerce Archives - Click Laboratory

Jan 29 2019

Create the Best Images for Ecommerce Store [great for SEO speed]

By John Paul Mains ecommerce No Comments

You want your product images to look great on your e-commerce store. Google wants your site to be fast and your images to be massively compressed to give you a good score on speed. But the problem is that highly compressed JPG have a lot of noise and PNG just…

Sep 02 2014

Improving the Mobile Experience for Swipers and Searchers

By John Paul Mains ecommerce, mobile e-commerce No Comments

Mobile e-commerce is rapidly becoming a must have for any Internet Retailer. The smartphone experience is so challenging though that UX designers may end up revolting at executives that think simply creating a responsive version of their catalog is the best thing to do. Hint: it's NOT! There are many…

.safe-svg-cover{text-align:center;}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%;}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%;}.wp-site-blocks > .alignleft{float:left;margin-right:2em;}.wp-site-blocks > .alignright{float:right;margin-left:2em;}.wp-site-blocks > .aligncenter{justify-content:center;margin-left:auto;margin-right:auto;}.is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}.is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}.is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important;}.is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}.is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}.is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important;}.is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size);}body .is-layout-flex{display:flex;}.is-layout-flex{flex-wrap:wrap;align-items:center;}.is-layout-flex > :is(*,div){margin:0;}body .is-layout-grid{display:grid;}.is-layout-grid > :is(*,div){margin:0;}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;line-height:inherit;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none;}.has-black-color{color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color:var(--wp--preset--color--white) !important;}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color:var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color:var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important;}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6;}.pps-popup .pps-wrap{}.pps-popup .pps-wrap .pps-close{}.pps-popup .pps-wrap .pps-content{}body[data-bg-header="true"].category .container-wrap,body[data-bg-header="true"].author .container-wrap,body[data-bg-header="true"].date .container-wrap,body[data-bg-header="true"].blog .container-wrap{padding-top:var(--container-padding) !important;}.archive.author .row .col.section-title span,.archive.tag .row .col.section-title span,.archive.date .row .col.section-title span{padding-left:0;}body.author #page-header-wrap #page-header-bg,body.category #page-header-wrap #page-header-bg,body.tag #page-header-wrap #page-header-bg,body.date #page-header-wrap #page-header-bg{height:auto;padding-top:8%;padding-bottom:8%;}.archive #page-header-wrap{height:auto;}.archive.category .row .col.section-title p,.archive.tag .row .col.section-title p{margin-top:10px;}body[data-bg-header="true"].archive .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].category .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].author .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].date .container-wrap.meta_overlaid_blog{padding-top:0 !important;}#page-header-bg[data-alignment="center"] .span_6 p{margin:0 auto;}body.archive #page-header-bg:not(.fullscreen-header) .span_6{position:relative;-webkit-transform:none;transform:none;top:0;}.blog-archive-header .nectar-author-gravatar img{width:125px;border-radius:100px;}.blog-archive-header .container .span_12 p{font-size:min(max(calc(1.3vw),16px),20px);line-height:1.5;margin-top:.5em;}body .page-header-no-bg.color-bg{padding:5% 0;}.blog-archive-header.color-bg .col.section-title{border-bottom:0;padding:0;}.blog-archive-header.color-bg *{color:inherit !important;}.nectar-archive-tax-count{position:relative;padding:.5em;transform:translateX(.25em) translateY(-.75em);font-size:clamp(14px,.3em,20px);display:inline-block;vertical-align:super;}.nectar-archive-tax-count:before{content:"";display:block;padding-bottom:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100px;background-color:currentColor;opacity:.1;}@media only screen and (min-width:1000px){body #ajax-content-wrap.no-scroll{min-height:calc(100vh - 101px);height:calc(100vh - 101px) !important;}}@media only screen and (min-width:1000px){#page-header-wrap.fullscreen-header,#page-header-wrap.fullscreen-header #page-header-bg,html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header,.nectar_fullscreen_zoom_recent_projects,#nectar_fullscreen_rows:not(.afterLoaded) > div{height:calc(100vh - 100px);}.wpb_row.vc_row-o-full-height.top-level,.wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 100px);}html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header{top:101px;}.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 99px) !important;}.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 99px - 32px) !important;}}.admin-bar[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level,.admin-bar[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 32px);}body[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level,body[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:100vh;}.row .col img.img-with-animation.nectar-lazy:not([srcset]){width:100%;}.relpost-thumb-container{padding-top:3%;}.relpost-block-single{border-right:0px !important;border-left:0px !important;}#footer-mobile-sticky-tools{position:fixed;bottom:0;background:#fff;width:100%;padding:10px 20px;z-index:1111;text-align:center;box-shadow:0 0 50px #ddd;}#footer-mobile-sticky-tools .icons{text-align:center;display:flex;justify-content:space-around;margin-bottom:10px;margin-top:10px;}#footer-mobile-sticky-tools p{color:#565656;}#footer-mobile-sticky-tools a{color:#fff;}#footer-space{height:125px;}@media (min-width: 768px){#footer-mobile-sticky-tools,#footer-space{display:none;}}#related_posts_thumbnails li{border-right:1px solid #ddd;background-color:#fff;}#related_posts_thumbnails li:hover{background-color:#eee;}.relpost_content{font-size:12px;color:#333;}.relpost-block-single{background-color:#fff;border-right:1px solid #ddd;border-left:1px solid #ddd;margin-right:-1px;}.relpost-block-single:hover{background-color:#eee;}#popuppress-30141 .pps-header{background-color:#fff;-moz-border-radius:2px 2px 0px 0px;-webkit-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}#popuppress-30141 .pps-header h3{margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:14px;padding-left:0px;border-color:#eee;line-height:1.4;font-size:20px;color:#444;text-align:left;}#popuppress-30141 .pps-iframe iframe{height:360px;}#popuppress-30141 .pps-pdf iframe{height:360px;}#popuppress-30141 .pps-embed iframe{width:610%;height:360px;}#popuppress-30141 .pps-control-nav{bottom:-38px;}#popuppress-30141 .pps-content p,#popuppress-30141 .pps-content ul,#popuppress-30141 .pps-content ol,#popuppress-30141 .pps-content em,#popuppress-30141 .pps-content a{font-size:16px;line-height:1.6;}#popuppress-30141 .pps-content h1{font-size:32px;line-height:1.3;margin:.5em 0;padding:0px;}#popuppress-30141 .pps-content h2{font-size:27.2px;line-height:1.3;margin:.4em 0;padding:0px;}#popuppress-30141 .pps-content h3{font-size:20.8px;line-height:1.3;margin:.3em 0;padding:0px;}a.pps-btn.pps-button-popup{color:#fff;font-size:12px;line-height:1.6;font-weight:bold;padding:5px 14px 4px;font-family:Arial,Helvetica,sans-serif;background-color:#348ecc;border-bottom:2px solid #1b80c5;border-radius:3px;}a.pps-btn.pps-button-popup:hover{background-color:#3c9cdd;border-color:#1b80c5;}#popuppress-30141 .pps-close a.pps-close-link:hover i.pps-icon:before{color:#222;}#popuppress-30140 .pps-header{background-color:#fff;-moz-border-radius:2px 2px 0px 0px;-webkit-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}#popuppress-30140 .pps-header h3{margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:14px;padding-left:0px;border-color:#eee;line-height:1.4;font-size:20px;color:#444;text-align:left;}#popuppress-30140 .pps-iframe iframe{height:360px;}#popuppress-30140 .pps-pdf iframe{height:360px;}#popuppress-30140 .pps-embed iframe{width:610%;height:360px;}#popuppress-30140 .pps-control-nav{bottom:-38px;}#popuppress-30140 .pps-content ul,#popuppress-30140 .pps-content ol,#popuppress-30140 .pps-content em,#popuppress-30140 .pps-content a{font-size:16px;line-height:1.6;}#popuppress-30140 .pps-content h2{font-size:27.2px;line-height:1.3;margin:.4em 0;padding:0px;}#popuppress-30140 .pps-content h3{font-size:20.8px;line-height:1.3;margin:.3em 0;padding:0px;}a.pps-btn.pps-button-popup{color:#fff;font-size:12px;line-height:1.6;font-weight:bold;padding:5px 14px 4px;font-family:Arial,Helvetica,sans-serif;background-color:#348ecc;border-bottom:2px solid #1b80c5;border-radius:3px;}a.pps-btn.pps-button-popup:hover{background-color:#3c9cdd;border-color:#1b80c5;}#popuppress-30140 .pps-close a.pps-close-link:hover i.pps-icon:before{color:#222;}#popuppress-2170 .pps-header{background-color:#fff;-moz-border-radius:2px 2px 0px 0px;-webkit-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}#popuppress-2170 .pps-header h3{margin-bottom:10px;padding-top:0px;padding-right:0px;padding-bottom:14px;padding-left:0px;border-color:#eee;line-height:1.4;font-size:20px;color:#444;text-align:left;}#popuppress-2170 .pps-iframe iframe{height:360px;}#popuppress-2170 .pps-pdf iframe{height:360px;}#popuppress-2170 .pps-embed iframe{width:610%;height:360px;}#popuppress-2170 .pps-control-nav{bottom:-38px;}#popuppress-2170 .pps-content ol,#popuppress-2170 .pps-content a{font-size:16px;line-height:1.6;}#popuppress-2170 .pps-content h1{font-size:32px;line-height:1.3;margin:.5em 0;padding:0px;}#popuppress-2170 .pps-content h2{font-size:27.2px;line-height:1.3;margin:.4em 0;padding:0px;}a.pps-btn.pps-button-popup{color:#fff;font-size:12px;line-height:1.6;font-weight:bold;padding:5px 14px 4px;font-family:Arial,Helvetica,sans-serif;background-color:#348ecc;border-bottom:2px solid #1b80c5;border-radius:3px;}a.pps-btn.pps-button-popup:hover{background-color:#3c9cdd;border-color:#1b80c5;}#popuppress-2170 .pps-close a.pps-close-link:hover i.pps-icon:before{color:#222;}

ecommerce

Create the Best Images for Ecommerce Store [great for SEO speed]

Improving the Mobile Experience for Swipers and Searchers

Guides

Tools

Recent Blog Posts

Solutions

Case Studies

Recent Blog Posts

ecommerce

Create the Best Images for Ecommerce Store [great for SEO speed]

Improving the Mobile Experience for Swipers and Searchers

Guides

Tools

Recent Blog Posts

Solutions

Case Studies

Recent Blog Posts

Get started

Step by Step SEO Conversion Checklist

Easy to Print for Daily Use