Over the past 7 years, our team at Blend Commerce has worked with over 200 Shopify and Shopify Plus merchants.
Out of the sandbox turbo free#
Many brands who have grown quickly often find that free or lower-priced themes have limitations that impact on their key eCommerce metrics. If you'd like to allow a greater display area on mobile, you can enable 'image cropping' which will crop and zoom in on the image (left, center, right).Choosing a Shopify Theme can often be a tricky decision for Shopify brands who are scaling up. This setting is located within the content block settings in each Slide.īy default, the section displays the entire banner image on mobile without any cropping/zooming which typically results in a narrow banner.
You have the option to choose a specific color for the text on mobile. If you'd like the text to display on top of the banner image, you can disable the ' show text below image' setting. Show text below imageīy default, the text and buttons will display below the banner image on mobile. When viewed on a mobile device, the Slideshow section either stacks vertically with the banner image displaying at the top and the text and buttons display underneath, or with the text/button displaying on top of the image – depending on your mobile settings. To create more contrast between the text and image, activate one of the Contrast technique settings. Select options from the First button color and Second button color to control the button's styling.Īdjust the copy's appearance using the Text alignment and Text position settings. Use the First slide link and Second slide link fields to connect pages to the buttons. Add buttonsĬomplete the fields for First button label and Second button label to control the button text for your buttons. Include a Preheading, Heading, and Subheading using the provided text fields. You can also add a Mobile image to display separate images for desktop and mobile devices. Add more by selecting (+) Add Slide.Ĭlick Select Image to assign an image to the slide block.
Content BlocksĬlick one of the preloaded Slide blocks to customize its content. With the Adaptive height slideshow setting, this now allows the slideshow height to adjust based on the height of the individual images in each slide. So if you try to upload different sized images, often there would be a large amount of whitespace underneath the smaller images as it's taking the height of the tallest image.
In general, the slideshow section's height is determined by the largest image's height. Choosing 0 seconds means that the customer will have to manually click through the slides instead of them changing automatically. The Change slides every setting allows you to adjust the number of seconds it takes to change slides within your slideshow. Select an option from Gallery transition to have the media Slide or Fade between transitions. You can choose from: None, Fade in, Fade up, or Fade down. The Text animation setting allows you to choose which animation style for loading the slide's text. Otherwise, the section will sit in a 'container' on the page and with a limited width.
Out of the sandbox turbo full#
The Slideshow section can be used as a top 'hero' image, to promote sales or specials, simply as a gallery to showcase some high-quality images, or to display introductory content directing to more informative pages.Ĭlick the Slideshow section to open its general settings.Įnable Wide display to have the section extend the full width of the screen. Assemble images into a sequence and combine them with headings and call-to-action buttons. The Turbo theme includes a flexible Slideshow section to display large images.
0 kommentar(er)
