{"id":935,"date":"2014-05-27T16:08:43","date_gmt":"2014-05-27T16:08:43","guid":{"rendered":"http:\/\/blog.productcart.com\/?p=935"},"modified":"2014-05-27T16:08:43","modified_gmt":"2014-05-27T16:08:43","slug":"add-eye-catching-slideshows-to-your-stores-standard-and-mobile-home-page","status":"publish","type":"post","link":"https:\/\/blog.productcart.com\/index.php\/2014\/05\/27\/add-eye-catching-slideshows-to-your-stores-standard-and-mobile-home-page\/","title":{"rendered":"Add Eye-Catching Slideshows to Your Store&#8217;s Standard and Mobile Home Page"},"content":{"rendered":"<p>One of the most exciting additions to ProductCart 5 for retailers is the ability to add an eye-catching slideshow to your Home Page, where you can feature your most popular products, latest sales, new arrivals and more. It works in your standard desktop storefront as well as your mobile storefront! If you\u2019re feeling ambitious, you can also upload completely different slides and settings for mobile.\u00a0 Best of all, you can manage and update your slideshows quickly and easily via your Control Panel.<!--more--><\/p>\n<div id=\"attachment_936\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/slideshows.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-936\" class=\"size-full wp-image-936\" alt=\"You can set up different slideshows for your Mobile and Standard storefront\" src=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/slideshows.jpg\" width=\"550\" height=\"403\" srcset=\"https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/slideshows.jpg 550w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/slideshows-300x220.jpg 300w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/slideshows-480x352.jpg 480w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><p id=\"caption-attachment-936\" class=\"wp-caption-text\">Figure 1: You can set up different slideshows for your Mobile and Standard storefront<\/p><\/div>\n<div id=\"attachment_687\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/bootstrap-theme.jpg\"><img decoding=\"async\" aria-describedby=\"caption-attachment-687\" class=\" wp-image-687 \" alt=\"Because the slideshow is responsive, you can also choose to use the same slideshow for both mobile and standard visitors\" src=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/bootstrap-theme.jpg\" width=\"550\" srcset=\"https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/bootstrap-theme.jpg 600w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/bootstrap-theme-300x269.jpg 300w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/bootstrap-theme-480x430.jpg 480w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-687\" class=\"wp-caption-text\">Figure 2: Because the slideshow is responsive, you can also choose to use the same slideshow for both mobile and standard visitors<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>One of the most common and versatile sales tools for online stores is the Home Page slideshow, where you can highlight your recent promotions, new arrivals, and most popular products.\u00a0 ProductCart 5 has built in a powerful slideshow management tool that gives you flexibility and a full range of exciting options for grabbing your customers&#8217; attention and making more sales.<\/p>\n<p><em><strong>Here are the highlights:<\/strong><\/em><\/p>\n<h2>1. Mobile Slideshow<\/h2>\n<p>We offer you two options for displaying your slideshow on mobile devices.\u00a0 First, you can set up a completely separate slideshow for mobile users with different dimensions, slides, links, and transition settings <em>(Figure 1)<\/em>.\u00a0 If you&#8217;d prefer to keep things simple, you can use the responsive slideshow included on your standard Home Page.\u00a0 In this case, the slideshow will simply resize responsively <em>(Figure 2)<\/em>.<\/p>\n<h2>2. Cropping &amp; Resize Tool<\/h2>\n<p>There&#8217;s no need to remember image dimensions or work with complicated photo editing tools in order to upload perfectly sized slides.\u00a0 Our management tool allows you (or your web designer) to set default slide dimensions.\u00a0 Then every time you upload a new slide, you&#8217;ll be able to crop and resize the image to match your settings, using our easy interface.<\/p>\n<div id=\"attachment_939\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-939\" class=\" wp-image-939 \" alt=\"The cropping tool locks in your pre-set dimensions, letting you adjust before posting to your slideshow.\" src=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/crop-slide.jpg\" width=\"550\" srcset=\"https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/crop-slide.jpg 650w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/crop-slide-300x267.jpg 300w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/crop-slide-480x427.jpg 480w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><p id=\"caption-attachment-939\" class=\"wp-caption-text\">The cropping tool locks in your pre-set dimensions, letting you adjust before saving to your slideshow.<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>3. Captions, Links, and Alt Text<\/h2>\n<p>You can add optional captions, links and alternative text to your slides. Add captions to describe your slide or offer.\u00a0 Add links to allow customers to go directly to the related product, category or promotional page.\u00a0 Add alt text for enhanced accessibility and additional search engine optimization.<\/p>\n<div id=\"attachment_941\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/optional-captions.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-941\" class=\"size-full wp-image-941\" alt=\"Optional captions\" src=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/optional-captions.jpg\" width=\"550\" height=\"403\" srcset=\"https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/optional-captions.jpg 550w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/optional-captions-300x220.jpg 300w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/optional-captions-480x352.jpg 480w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><p id=\"caption-attachment-941\" class=\"wp-caption-text\">Optional captions<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>4. Drag and Drop Reordering<\/h2>\n<p>Quickly reorder your slides through a simple drag and drop interface.<\/p>\n<div id=\"attachment_943\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/update-slides.jpg\"><img decoding=\"async\" aria-describedby=\"caption-attachment-943\" class=\" wp-image-943 \" alt=\"Easy slide management and reordering\" src=\"http:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/update-slides.jpg\" width=\"550\" srcset=\"https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/update-slides.jpg 650w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/update-slides-300x221.jpg 300w, https:\/\/blog.productcart.com\/wp-content\/uploads\/2014\/05\/update-slides-480x354.jpg 480w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><p id=\"caption-attachment-943\" class=\"wp-caption-text\">Easy slide management and reordering<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>5. Customize Slide Animations and Transitions<\/h2>\n<p>You can truly make your slideshow your own by adjusting the following to suit your brand&#8217;s needs:<\/p>\n<ul>\n<li><strong>Transition Effect<\/strong> &#8211; You can choose from over a dozen transition effects, or animations between slides. The most popular choices are <strong>Fade<\/strong>, <strong>Fold<\/strong> and <strong>Random<\/strong>, however you can experiment to find the effect that suits your store the best.<\/li>\n<\/ul>\n<ul>\n<li><strong>Pause Time<\/strong> &#8211; This is the amount of time the slideshow will &#8220;pause&#8221; on an individual slide. If you have added text to your images you will want to make sure this time is large enough for your visit to read completely.<\/li>\n<\/ul>\n<ul>\n<li><strong>Animation Speed<\/strong> &#8211; This number refers to the time taken between the slides for your transitions.<\/li>\n<\/ul>\n<p><em>As with the other settings, the above can be completely different for your mobile slideshow.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the most exciting additions to ProductCart 5 for retailers is the ability to add an eye-catching slideshow to your Home Page, where you can feature your most popular products, latest sales, new arrivals and more. It works in your standard desktop storefront as well as your mobile storefront! If you\u2019re feeling ambitious, you [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[13,4],"tags":[52,53,54],"class_list":["post-935","post","type-post","status-publish","format-standard","hentry","category-mobile","category-updates","tag-home-page","tag-responsive-slideshow","tag-slideshow"],"_links":{"self":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/posts\/935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/comments?post=935"}],"version-history":[{"count":0,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/posts\/935\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/media?parent=935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/categories?post=935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.productcart.com\/index.php\/wp-json\/wp\/v2\/tags?post=935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}