Shopify narrative theme slideshow size. SectionHeader__Heading.

Shopify narrative theme slideshow size How would i do this? Thank you. Posting to hopefully save others some time because I couldn't find a solution that worked anywhere. cssh3. We have an awesome article that goes into further details about How to Combat Image Cropping on Shopify Slideshow Sections. liquid above the to get this solved Step 1 : Online Stores > Themes > More Actions > Edit code Step 2 : click on theme. com PW: owhays Thanks in advance! Discussions. Shopify themes, liquid, logos, and UX Add arrows to Slideshow (narrative theme) Thorben. Look for any settings related to the image size or dimensions. Subscribe to RSS Feed; Mark Topic as New; Mark Topic as Read; I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the Hello, I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the loading bar on the video? www. I also need to change the button size on mobile, I still want it ot be on the image but smaller. cancel. Please share your site URL, So I will check and provide a solution here. sections; var slideshowAutoExtension = { init: function() { this. I contacted the Impulse staff but they only sent me the recommended sizes which weren't very To reduce merchant effort and allow for more control over how images are displayed on differing screen sizes, Shopify introduced new properties How image responsiveness works — an example using Narrative. " the video pops up and plays, its an odd issue that I've reached out to Shopify Support on but wasn't sure if the above information Hello all! I have just begun using the Narrative theme for my online store, though I am noticing that the top banner/slideshow on my page is not fit to size on mobile, and I am yet to figure out how to get it to work. In your theme. Hello Shopify Community, I am currently using the Dawn theme for my store, and I need help with two adjustments to the slideshow section: 1. Since this theme is designed and supported by Shopify, maybe there is a chance Hello, I am using Studio theme. I'll only have one slideshow on my website so I'm fine with reducing the size of all slideshows in general. Blog; Learn Help Center. Mark as New; But basically the collection pages, featured collections and everything are the perfect width now but the slideshow text is slightly to the left now. With that being said, we can attempt to change the size of the Hi there, we're new in the shopify community and setting up our new online shop (narrative theme). Hi, I'm trying to transfer my store design from Narrative to Dawn theme. How can I get the image to Im having trouble finding the solutions to a few design ideas i've had with my slideshow on Narrative. However, you can also use dimensions between 1200–2000 pixels wide and 400–600 pixels tall. I want to adjust the size of my slideshow image(s) so that it covers the full screen. Can anyone help with resizing? Narrative Theme: Mobile Optimized Auto scroll Slideshow (The Slide Title are stuck and not Next move to the theme. While the information in the following article is still correct, it doesn't account for Online Store 2. Currently in mobile view, the image gets cropped on the sides removing content that I would like viewable on mobile platforms. Select Custom CSS block 4. Take a look at the Narrative Shopify theme, this is. I'm trying to do the images for my hero slideshow on the Impulse theme. For example, setting max-width: 90%; will ensure the slideshow doesn't stretch across the entire screen width, making it appear The recommended size for a Shopify slideshow image is 1600 x 500 pixels. liquid. Subscribe to RSS Feed; Mark Topic as New; Mark Topic as Read; I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the Hello, I own tacomaforce. Post Reply Shopify Design. I'm using Narrative theme and would like the text on my slide to be static. Blog Hello, I am using the Dawn theme. Store: sprucestreetdecor. com | Shopify Design Changes | Custom Modifications In to Shopify Theme 1,343 Views 0 Likes Report. I've already input the font that I want into h5, I just can't find the code to change it. 1,825 Views 0 Likes Report. Its either too small and shopify ruins quality of the image or too big. Since this theme is designed and supported by Shopify, maybe there is a chance they could help directly? I've embedded a video on my product page recently and when I select a size "small, medium, large, etc. This didn’t solve it for me. Reply. Can anyone advise me on what image size to use so the quality stays the same and the image doesnt expand? website : stockunion. Please share your site URL, I will check out the issue and provide you a solution here. Hello, I am using Studio theme. Hi, @Stefan90s! Olivia here from Shopify Community. By default, using the Minimal theme it will automatically adjust the image to fit the resolution of your customers mobile device. css->paste below code at the bottom of the file. But on different mobile phones with different screen sizes the button overlaps the text. 1. In the theme colour settings, it seems to be connected Solved: Hi everyone, Im looking for the Crave theme slideshow/image size please Shopify Design. page-width{ max-width: 600px; width: 100%; display: block; margin: 0 auto; } } is how to change the image size of the featured Shopify Design. Subscribe to RSS Feed; Mark Topic as New; Mark Topic as Read; I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the I started using the "Impulse Theme" on my Shopify store and trying to figure out the right sizes for the slideshow banner. Go to Online Store->Theme->Edit code 2. That link will provide you information on the proper image sizing for the slider area of this theme. However, I don't know which lines should I change on my theme. We tested different variations of a slideshow that dynamically adapted its height to one image regardless of the screen size, combined with further image display options to optimize the remaining images. Next move to the theme. I'm reading various solutions, but they all seem to be referencing an asset file that I don't have. e. Shopify themes, liquid, logos, and UX Image size on Narrative Theme does not fit Elie-s. What is happening is on mobile it is not initializing the call to load and play the video, so we need to add the code for that. Slideshows. Fixed navigation. The header for the heading for the slideshow at the top of the Narrative theme is currently set to h1, and I want to set it to h5. on('slideshow_desktop_init_done', Configuring autoplay on your slideshow will require some code editing. Shopify themes, liquid, logos, and UX How can I fix the off-center slideshow and missing button in the Narrative theme? adevster8. That's why Shopify has provided a help guide for every one of our themes - here is the one for Narrative. slideshow__slide { height: 100%; } Hope this code will work. In your Shopify Admin go to: online store > themes > actions > edit code 2. How can I do that? Any help will be apprec www. I've already fixed the size on the slideshow, but the rest of the galleries are still terribly cropped. Solved: Hello, I started using the "Impulse Theme" on my Shopify store and trying to figure out the right sizes for the slideshow banner. Is it possible to shrink a photo without cropping it? Shopify Design. It used to look like this (alternating between different reviews every 5 sec): The code for this was: #QuotesSection-{{ section. hero__title. Can you tell me how to fix? Hi - I have added the following code to custom. It also deleted the button, for "explore" under where it says credit card geometry. Online Store 2. js to allow my slideshow to autoplay. But I would like it to stop looping (i. This is where the heavy lifting is. Narrative is designed specifically with visual storytelling in mind, so to take advantage of this strength it is important that you upload images that are the highest resolution: 4000 x 2200 px or larger (without exceeding the upload size Solved: Hi, I am looking for a way to increase the font size of the caption for the gallery section. media. Narrative is designed specifically with visual storytelling in mind, so to take advantage of this strength it is important that you upload images that are the highest resolution: 4000 x 2200 px or larger (without exceeding the upload size The slideshow looks great on desktop, but I can't edit the dimensions of the slideshow for mobile so everything is cut off. com for reference. And the To reduce merchant effort and allow for more control over how images are displayed on differing screen sizes, Shopify introduced new properties How image responsiveness works — an example using Narrative. Excursionist 17 0 4. Could anyone guide me on how to adjust the code or settings to achieve this? For desktop, I tried both sizes 1600x1050 and 1920x1080 for my homepage slideshow. Honest customer reviews and ratings for Narrative Shopify theme by Shopify. How can I have the images smaller, all together on the right side (next to the texts& buy buttons). Make sure to put the image positioning as center to appear well also on mobile. aos-init. h2. This is the code I used to change the postion of the Hey, The recommended sizes for the Impulse's theme slideshow images is 1x1 (preferably 800 x 800), as it states in their documentation . It's too small now Could you advise us how to widen slide show image? (I already checked 'show full screen image) Hope to hear from you soon. Shopify APIs and SDKs. I have a slideshow with images that work fine when using the "large" sizing option for slideshow. Is it possible to shrink a photo without cropping it? Use the theme editor to add text and links to your slideshows. The maximum dimension that Shopify allows for any image to be 4472 x 4472 pixels, but this isn’t necessarily the size that Recommended aspect ratio by Shopify: 1200 (width) x 800 (height) px for the best results. I have a feeling it isn’t possible to have looping auto play video on mobile with the narrative theme. The options might be labeled as "Image width," "Image height," or "Slide size. Holiday Cheers to Our To reduce merchant effort and allow for more control over how images are displayed on differing screen sizes, Shopify introduced new properties How image responsiveness works — an example using Narrative. Shopify Design. If Online Store and Theme Development. You can see more about resizing and cropping that from the Narrative theme docs here --> Honest customer reviews and ratings for Narrative Shopify theme by Shopify. Store Feedback In your Shopify Admin go to online store > themes > actions > edit code 2. Solved: Hey all, I think the max slideshow size is too big and I would like to decrease it to 80% or 90%. shopify-section--slideshow { height: 550px; /* now it's 600px, on desktop */ } Slider content (title and buttons) position is defined by bottom: 120px (for screen sizes greater than 750px width) so I'm guessing you want to reduce distance between that and slider bottom Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. Shopify themes, liquid, logos, and UX Change Width/Dimensions Of Slideshow; Options. text-title. I am using the Narrative theme. In addition, the budget is a noticeable improvement from what we’d achieved with previous themes. 0 is an end-to-end overhaul of how themes are built at Shopify, launched June 2021. 0. The Narrative theme is one of our "vintage" themes and so is no longer available in our theme store. Last chance to get Eurus at best price. Reviews (9) The only problem I could find however was finding the correct image size and So nobody has a solution for this? I was following other forum suggestions and was able to put a code that lets the video play regardless of screen size but then I could not edit the screen width. How can I do this? Thanks var sections = window. Mark as New; Bookmark; Subscribe; Mute; Subscribe to RSS Feed; Permalink; Print; Report Inappropriate Content ‎11-16-2021 03:56 AM. 0 best practices, and may not include references to recent features or functionality. This is the current mobile site and i want the images to be this way. The first Shopify built theme to make use of responsive Having a more responsive hero slideshow on smaller screens meant looking at Hi! I'm working with Dawn and the mobile logo is SO tiny! I've tried a bunch of different customizations, to no avail. Solved: Hi, I just need to increase the font size of the subheading text on the Slideshow section. Narrative Theme - Use Static Text on Slideshow quizaddict. When establishing your performance budget, it’s important to consider the full spectrum of devices and network n July 2021, Shopify released a new theme architecture called Online Store 2. In response {% if product. I did change the image size to 300, but that doesn't improve the mobile size: {%- if section. Post Reply Community Blog Articles. uk Hi, @Stefan90s! Olivia here from Shopify Community. co. Subscribe to RSS Feed; Mark Topic as New; Mark Topic as Read; I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the Sorry you are facing this issue, it would be my pleasure to help you. Shopify Education and Credentials Online Store and Theme Development. Mark as New; Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing 648 Views 0 Likes Report Hi all, im having a question if for a slideshow in narrative on mobile-version the slider-points can be shown on the pictures and not below? im wondering if there is a possibility that the white space with the header text is not shown at all, but that right under the slideshow the next module of the theme/page is shown. page-width { max-width: 90%; padding: 0px 5px; } However, the slideshow is now off center. To adjust the size, you may add or modify existing CSS properties like max-width, height, or max-height. shopify-section--slideshow { height: 550px; /* now it's 600px, on desktop */ } Slider content (title and buttons) position is defined by bottom: 120px (for screen sizes greater than 750px width) so I'm guessing you want to reduce distance between that and slider bottom Hi This is Richard from PageFly - Shopify Page Builder App Please add this code to your theme. If this work, Please like my solution and mark as accepted solution. This was happening BEFORE I changed the feature to force the user to make a decision instead of defaulting to one variant. Eurus theme will increase price to $350 in such as colors or sizes, without navigating to separate pages, making it both intuitive and visually engaging. thanks for details you have easy to change font size on section setting please first this if you don't find so add below code. Subscription APIs. I want the main purpose of my slideshow to simply be a looping video with my store name in front of it but when i load into the page to test the loading and transitions of it, I find that the cover image appears for a second or two before the video starts. logo != blank -%} Shopify Design. Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type. " the video pops up and plays, its an odd issue that I've reached out to Shopify Support on but wasn't sure if the above information The recommended size for slideshow that fit almost all theme is 1500 x 600px. Shopify themes, liquid, logos, and UX. I tried multiple iOS devices on BrowserStack and I have a tes Hi, I am using the Narrative theme and I absolutely love it, but the product images are too large. However, they aren't fitting to the slideshow. Luckily, there seems to be a great write-up on Shopify's support forums which should help you achieve what you're looking for: Narrative Theme Slideshow Autoplay. How do I make the button relative so it wont overlap the text shown in the pictures below. " If you change the screen size from desktop to mobile or visa versa you will notice around the 749px mark Since this theme is designed and supported by Shopify, maybe there is a chance they could help directly? Narrative slideshow has a static cover image to show on mobile devices by default (instead of a video for desktop I guess) and When building Narrative, our budget metrics were influenced by recommendations from theGoogle Rail Model, Google Lighthouse, and WebPageTest. Could anyone guide me on how to adjust the code or settings to achieve this? Solved: Hello, I'm working with the Narrative theme. Go to slideshow section 3. ; Find the Assets folder and then open up the custom. Webhooks and Events. Shopify Hi! I'm working with the Narrative theme and just discovered that it doesn't respond correctly. Shopify offers a wide range of themes to choose from, each with its own unique slider size requirements. Click to read theme reviews from real Shopify merchants and experts! One of the great things about Shopify is that you can control the size of your slideshow. as you can see in the photo Hello Shopify Community, I am currently using the Dawn theme for my store, and I need help with two adjustments to the slideshow section: 1. Click to read theme reviews from real Shopify merchants and experts! Vertical slideshow. That link will provide you information on the proper image sizing for the slider area of Im having trouble finding the solutions to a few design ideas i've had with my slideshow on Narrative. Storefront API and SDKs. Is that right? Or is there some code I can use to Shopify Design. oh sorry your code is current just add media please add below code. Does anybody know the correct sizing for the "medium" and "small" options? When I change that, it cuts off my images that work on "large. Slideshow__Content h2. Just Solved: Hello I would like to change the size of the slide show image as a full screen. Basically, the way it looks like on Desktop I want it to be the same on mobile. image-bar__caption { font-size: 4rem; } you can change they 4rem to a size that you want. Hi there, I’m having the same problem and tried using Vimeo instead. There's plenty more in the document I linked you, but essentially you need to have the right quality, size, and type of image before you even upload it. Hi, I would like to change the size of the slide on mobile. It now covers about a third of the screen which looks messy. Go to edit code > Assets >Theme. Solved: Hello! Hoping someone can help me with the relevant code to enable sizing of both header and subtitle text on the hero slideshow (Broadcast Theme) I am currently using this: h1. co Thanks! Solved: Hello, I am using Studio theme. SectionHeader__Heading- Solved: Hi there, Does anyone know how to change the size of the slideshow placeholder on the mobile version of the debut theme? I've made some changes to my code so I can swap out different images for desktop and mobile, and made the slideshow clickable without a button. Designed for visual storytelling. I would like to increase this limit to 10 slides. Shopify Discussions. It appears like this, when my actual photo is like this. Now, I added a custom section to the Narrative theme with a reviews/testimonials-slideshow for my home page. Solved: Hi, I'm trying to change just the title colour in my Narrative theme homepage slideshow to white (the text along on the bottom that you click to switch slides). Narrative is designed specifically with visual storytelling in mind, so to take advantage of this strength it is important that you upload images that are the highest resolution: 4000 x 2200 px or larger (without exceeding the upload size @nitro9 . @Gasperpremoze . #shopify-section-slideshow . Below are screenshots of the problem. Visitor 3 0 0. aos-animate { font-size: 24px !important; font-weight: bolder !important; which enables me to change only the Narrative Theme: Mobile Optimized Auto scroll Slideshow (The Slide Title are stuck and not Next move to the theme. Note: some parts of the image will still not be visible on mobile, so make sure your image design has core information at the center. I'm looking for code to make the hero banner image adjust properly for mobile. SectionHeader__Heading. Subscribe to RSS Feed; Mark Topic as New; Mark Topic as Read; I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the Shopify Design. Is it possible to add arrows to the slideshow on my Hello, I wanted to ask how to change the size of the slideshow in Refresh theme, when you create a template with the theme there's automatically a slideshow with a photo and a container with a button, I want to change the size of the slideshow photos, because I added some and it just stretched them out and made them over the entire screen and you need to scroll Exploring the ideal Shopify mobile banner size for various themes and banner types in 2025, ensuring your store looks great on any device! Slideshow Banner: 1200 x 600: 2:1: Balances quality and performance across devices: Blog Banner: The Narrative theme is designed for storytelling; ensure your banners align with your brand’s Hi Follow these steps: 1. js file. Click Online Store and then Themes. This section might be named "Slideshow," "Hero," or something similar. Is it possible to shrink a photo without cropping it? Shopify Flow App. Shopify Design Changes | Shopify Custom Theme Development and Desing I ended up piecing together another solution that doesn't change all the headers, just the slideshow ones. Open customization 2. Hero video. Under the "Sections" area, click on "Slideshow" and you will find the options to add a video or image to your slideshow. 3) For images that you use in slideshows or as backgrounds, choose simple images so that any overlying text is easy to read. Also I want for it to slide to the next image on its own. Thank You. ; Next, click on the Actions drop-down. Wide layout. co Thanks! Next move to the theme. " the video pops up and plays, its an odd issue that I've Since this theme is designed and supported by Shopify, maybe there is a chance they could help directly? Narrative slideshow has a static cover image to show on mobile devices by Next move to the theme. The recommended sizes for the Impulse's theme slideshow images is 1x1 (preferably 800 x 800), as it states in their documentation. Welcome to the Shopify community! and Thanks for your question. Please help me figure out how to put different images and different size images for the mobile site. @georgioskallin . Please share issue images or video, I will check out the issue and provide you a solution here. Shopify Scripts. As shown in the image. Sales Channels, Payments Apps, and Shop APIs. godlyte. Currently the slideshow is not large enough and the image and text are not displayed properly. com and i want the slideshow images to be a different size for the mobile site. It's currently dark grey, so you can't see it well over my colourful/dark-ish slideshow photos. I'm looking for code that reduces the size of the image so Definitely a smart choice on your end to include the theme you are using so we can find tailored solutions like this one here. Mark as New; Bookmark; Custom Modifications In to Shopify Theme | SEO & Digital Marketing 599 Views 1 Like Report. Increasing the slide limit: By default, the slideshow allows up to 5 slides (dispositivos). com Designed distinctly for visual storytelling, Shopify’s Narrative theme stands out among the e-commerce platform’s free templates. Partners and Developers Partners. Across its four different styles, striking images and refined typography define its layout. Thanks for sharing your question with our network. Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO Here's a screenshot from the theme editor on my test store: To access this, you can login to your Shopify admin, click on Online Store > Themes, then click on the Customize button next to the theme you wish to edit. This Shopify slideshow size will ensure that your website loads quickly and that your It's also possible that you'll be able to crop the image to a smaller size yourself. I've been attempting modifications to the header. on('slideshow_desktop_init_done', So ive changed my theme and cannot get the right size of the image for the slider. js file, you will just need to copy and paste the below code. Is it possible to shrink a photo without cropping it? Next move to the theme. I have the narrative theme - hoping to get some help as I need it fixed ASAP thanks Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing 31,958 Views 0 Likes Report. Shopify themes, liquid, logos, and UX I'm using Narrative theme, the font size of the products name on my collection page is too big I want to change the size of it how? Solved! Go to the solution. Store Feedback. Solved: Hey, I am using the Narrative Theme and moved a button on the slideshow up. slideshow__slide { height: 100% In the theme editor, navigate to the section that contains the slideshow or carousel where the images are displayed on the homepage. forgiveoursins. liquid file, Next move to the theme. css and paste this at the bottom of the file: @media (min-width: 767px){ #shopify-section-blog-template . blog-list-view . The mobile one shows perfectly for 800x800 images but the desktop images are always cropped from the top and bottom. id }} your store is password protected. Can I ask what features of the narrative theme make you wish to choose this theme? Perhaps if I know the features and look you are going for, I can help you find I'm using Narrative theme and would like the text on my slide to be static. The only issue is that the price for products stays the same. I took a look to see if I could reproduce the issue and figure out why iOS isn't working and I honestly have no idea. Could you help me? Best regards, Alex Hello, I am using Studio theme. When establishing your performance budget, it’s important to consider the full spectrum of devices and network Anyone looking for the full fix for home page slideshow videos to play on mobile AND the last fix to make sure that the video autoplays on ios devices here is the full code fix: The solution does require code changes in 3 files. When establishing your performance budget, it’s important to consider the full spectrum of devices and network I recently switched themes from Simple | Bold to Narrative and pretty much started from scratch. Asset->/theme. However, that may still make the images cut off since the Impulse's slideshow does not preserve the aspect ratio. See the size of the box is constrained to 326x326 - I'd love it to be say 500x500 to make the image fill a bit more of the page . It works with my website just fine however, Narrative slideshow has a static cover image to show on mobile devices by default (instead of a video for desktop I guess) and it still shows just for a moment before the video starts playing so it's a bit annoying. ; From the drop-down, select Edit Code (as shown here). Im having trouble finding the solutions to a few design ideas i've had with my slideshow on Narrative. To reduce merchant effort and allow for more control over how images are displayed on differing screen sizes, Shopify introduced new properties How image responsiveness works — an example using Narrative. The recommended Shopify dimensions for the slideshow area are 1200 x 2000 pixels in width and 400 x 600 pixels in height. Note, I followed the simple 1. settings. ; Once you open the custom. Couple of notes before making these changes: Duplicate or make a copy and save the files Shopify Design. theme. I've highlighted it in the image. Is it possible to shrink a photo without cropping it? Regarding your concern about the best size for slideshow image . Is it possible to change the size of the slideshow section only on the desktop? Even if I upload the photo in a small size, it always appears the same size on the desktop version. Turn on suggestions. Trying to change the size of the image in the Feature Slider block. Subscribe to RSS Feed; Mark Topic as New; Mark Topic as Read; I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the Next move to the theme. That's the code we added: var sections = window. Excursionist 29 1 15. This means that you can make your slideshow as big or small as you want. On our landingpage we added a slideshow with four images. The first Shopify built theme to make use of responsive Having a more responsive hero slideshow on smaller screens meant looking at That's why Shopify has provided a help guide for every one of our themes - here is the one for Narrative. As an alternative, you Hi - I have added the following code to custom. @media screen and (min-width: 769px) { /*Added to change slideshow header size*/ . Paste this code 5. Shopify Discussions Feel free to contact me on denishabhensdadiya@gmail. The Narrative theme includes a flawless vertical slideshow that allows Hi , I have the same problem and I can see that the iframe section is hidden when changing from 800x600 window to a mobile one. " the video pops up and plays, its an odd issue that I've reached out to Shopify Support on but wasn't sure if the above information Use the theme editor to add text and links to your slideshows. Mark as New; Bookmark; Print; Report Inappropriate Content ‎01-29-2022 10:48 AM. I have edited the code to have responsive images where it shows different banners on mobile and desktop. The first Shopify built theme to make use of responsive Having a more responsive hero slideshow on smaller screens meant looking at Solved: I tried making the collection list and featured collections wider on the home screen with } . I have a problem with image below slideshow on homepage, I want to put an image size 1983x2806 pixels. 0 Solved: Hi, I'm trying to change the font size & style of the slideshow header on the Prestige theme. The desktop is okay, but the photos get stretched on the mobile version. Here's a screenshot from the theme editor on my test store: To access this, you can login to your Shopify admin, click on Online Store > Themes, then click on the Customize button next to the theme you wish to edit. Try adding this to your theme. Every image I put in seems to enlarge and become blurry. Ive tried 1500x600, 1920x1080 and a few different dimensions. Save it and refresh the website. The theme also renders beautifully on tablets and smartphones, a testament to Shopify’s dedication in building mobile-friendly designs. Best Hi - I have added the following code to custom. liquid and paste the code above the #shopify-section-slideshow . on('slideshow_ When building Narrative, our budget metrics were influenced by recommendations from theGoogle Rail Model, Google Lighthouse, and WebPageTest. Visitor 2 0 0. hii, kindly share your store URL so, I can solve your issue and give you a proper solution. Edit: It looks like Narrative's product pages include thumbnail images below the product description. size == 1 %} product-slideshow--single{% endif Since this theme is designed and supported by Shopify, maybe there is a chance they could help directly? I've embedded a video on my product page recently and when I select a size "small, medium, large, etc. autoplay stops after 1 cycle). Subscribe to RSS Feed; Mark Topic as New; Mark Topic as Read; I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the I've embedded a video on my product page recently and when I select a size "small, medium, large, etc. There you can choose between 'large', 'small' and 'adapt to first image'. For the best size should have all these three PROs: -Improved user experience-Fast loading time-Enhanced SEO efforts . . I feel like the answer is in the liquid code but I can't make it out - would love some pointers. Try by redefining in CSS slideshow height: . That link will lead you to the Help Center page regarding the Narrative theme. Discussions. css file and paste this at the bottom to change the font size. Unfortunately there is not a fix around that. I looked up the recommended size which is 2880px wide by 1620px tall, and sized my photos accordingly. If anyone could help me out with some code would be awesome! My page is currently under a password, but here is an Announcing Online Store 2. liquid beginning on line 332. Thanks for the quick response. I also urge you to skim through that page as it will inform you on everything you need to know about the Narrative theme and how to go about customizing it. Hello, I'm using Studio Theme and though I've tried many sizes large and small, I've been unable to find the correct size for the Slideshow Image. How do I fix this, or Hello, I'm currently using the Narrative theme and I added a video to my slideshow on the Home Page, I was wondering how I could change the width of the slide show to hide the loading bar on the video? www. scss. on('slideshow_desktop_init_done', Hey @iaffirmme. Make sure Hi, My website is victorijewelry. " Welcome to the Shopify community! Thanks for your good question. Find Asset > theme. The first Shopify built theme to make use of responsive Having a more responsive hero slideshow on smaller screens meant looking at When building Narrative, our budget metrics were influenced by recommendations from theGoogle Rail Model, Google Lighthouse, and WebPageTest. Adjust your slideshow's height by heading to Admin > Online Store > Themes > Customize Theme > Slideshow > Settings > Slide Height. xfxtc tgfr tnxy ghhw tfjgl ozbur ozfnf plqz yfkd stij