Shopify themes, liquid, logos, and UX
Here is my attempt but it won't upload....any tips are greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
Blog done, check it out 🙂 https://www.bluish.io/shopify/how-to-create-a-slideshow-on-shopfiy
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hi @gthegreat
Created a slider using flickity :), you can checkout my blog, this works on any theme.
https://www.bluish.io/shopify/shopify-product-slider
obviously if you want to change the contents, you can code it. You can also click on my example shopify store which has the example slider.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
HI thank you for your advice& time however do you know how to make an image slideshow? (similar to the one that is on the debut theme and supply theme)
I already made one a product slider
ps your blog is really cool
😕
Hi @gthegreat,
Do you mean the thumbnail slider? Can you point me to the correct element
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
' Yes a thumbnail slider I attached an example from the supply theme below
thank you for your help
Oh you mean a slideshow for the homepage?
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hi @gthegreat
Might take some time, but If you give me a day, ill make a blog for it. Personally I've tried both flickity and swiper. I find flickity much better.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hi @gthegreat
Sorry been busy, checkout what I've created so far, anything you want me to add?
The below is the current customizations I've created, I'll create the blog tomorrow with all the things you need to do to create it.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hey, this looks great! Do you mind adding an auto slide option and a fade effect? If those two effects arent available through flickity then don't worry about it.
Thank you and I look forward to the blog post:)
I appreciate your help.
Hi @gthegreat
It currently does have autoplay, but it stops if you hover over it, I'll add a setting to auto-play even if hovered. What you currently see is fade effect, but what ill do is add another setting to turn it off.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
This is an accepted solution.
Blog done, check it out 🙂 https://www.bluish.io/shopify/how-to-create-a-slideshow-on-shopfiy
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
@Bluish , I did everything from your blog post, But your css is with Debut theme, so I added mine in base.css for Dawn.
With Dawn, no text and button in the middle of image. (just a line under the image), Also the image (Carousel is very big), I tried to change the height without success.
Is it possible to update your blog post for Dawn theme also? Another question do I need a licence to use flickity or is it open source?
Thank you.
If you want to check my shop with the slideshow
https://cbdskincarehk.myshopify.com
PW: fleude
Hi @San21
Mind giving me access so I can check it out, I think there may be some conflict with classes.
For me i just tried my code into dawn and works fine
preview of dawn theme below.
https://n2g50zghdx3e9et3-59166949547.shopifypreview.com
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
If you need to contact me
ecozen88@gmail.com
@San21Sent.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hi,
Just want to share this slideshow with multiple designs and work with Debut and Dawn theme. Video shows the previous buttons but I update the buttons to show below. No need for app or external library. No coding experience needed
Hi
I tried this. Thank you.
However, the text and buttons appear below the image. See attached.
Store URL: spitfire-furniture.myshopify.com
password: aluminium
Hi @SDBdigital
I created one for flickity, and keep it updated. You can find it here https://www.bluish.io/shopify/how-to-create-a-slideshow-on-shopfiy. Works on any theme.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hi
I did try your slideshow - but couldn't figure out how to make the text larger - or to style the buttons.
Hey @SDBdigital
I'll add functionality to change text size, what do you mean by style button? Currently you are able to change the border and inner background
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
@JohnFromJotting Your slideshow has worked great for me. Would it be possible to add an image position function as well? Top, middle, bottom, center, right, etc
Hi @j1419,
Do you mean the text and buttons etc? The ability to be able to move it top, middle or bottom | left, center or right?
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hi @JohnFromJotting, here is an example of what I mean for the image position changer
@JohnFromJotting wrote:Hi @j1419,
Do you mean the text and buttons etc? The ability to be able to move it top, middle or bottom | left, center or right?
Hi @j1419, not familiar with what this option does, can you let me know which theme has this?
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
@JohnFromJotting Ho inserito il tuo codice, ma a me non funziona. Rimane tutto bianco.
Hi everyone,
I just updated the code and added a full-width option. Slideshow works great on most of shopify theme, including Dawn. Add a slideshow with multiple designs. No app or subscription needed. See link here
Hi
Thanks for the update.
However it messes with the page.
My sections below the slideshow appear on top of it. See below
I've had to revert to the earlier custom.slideshow.liquid code you provided.
Hi @Maxim90
You may have done something wrong, I suggest you repeat the steps.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
@JohnFromJotting Ho seguito i passi scritti come sono stati scritti sul blog 3 volte. La sezione esiste, ma lo spazio occupato dalla slideshow è bianco. Nel caso si possono aggiungere più di due foto alla slideshow? Grazie
Hi @Maxim90
Can you provide me access to your store to check. john@bluish.com.au
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Hi @SDBdigital ,
I just fix the code
Hi
I updated the code from your site. Thank you.
URL: https://spitfire-furniture.myshopify.com/
password: aluminium
Just here to say this works like a charm, you are a dam genius!
Hello John,
I came across this comment and it is exactly what I am looking for but I wasn't able to find your blog or the solution.... can you help me with this please?...regards!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024