Liquid, JavaScript, themes, sales channels
Goo day! Can you help me on how can I adjust the bottom margin when searching on products? especially when there is no products available
https://faxcable.com.ph/search?type=product&q=EP-25
Solved! Go to the solution
This is an accepted solution.
To change speed of slideshow, you can use "slideshowSpeed" option
slideshowSpeed value: Integer (Set the speed of the slideshow cycling, in milliseconds)
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
directionNav: false,
slideshowSpeed: 1000
});
});
</script>
Hope this helps! @MsMelody
This is an accepted solution.
Hi @MsMelody,
It's our pleasure when helping you with your issue and getting accepted as a solution.
If you need further support, just let me know and we will support you dedicatedly.
Have a great day!
Hi @MsMelody,
This is my recomendation for your issue. You can choose one of the two ways below:
.main-content {
min-height: calc(100vh - 288px);
}
(288px is height of header + footer on your site)
- Or you can set a global standard:
.main-content {
min-height: 70vh;
}
Hope it's helpful!
Hi @MsMelody,
You can edit the code for your theme.
Please follow these steps:
1. From your Shopify admin, go to Online Store > Themes > Select your theme.
2. Click Actions > Edit code.
You can find and style on the file name "theme.scss.liquid".
This is the screenshot: https://prnt.sc/10i2bzd
Hope this helps.
Yes, you can try one option I mentioned above (among two options) and see how it works.
Please let me know if you need further support. @MsMelody
the 2nd method works perfectly fine! Thank you so much! One last question do you know how can I add or change the speed of my custom slideshow? here is the code that I used.
This is an accepted solution.
To change speed of slideshow, you can use "slideshowSpeed" option
slideshowSpeed value: Integer (Set the speed of the slideshow cycling, in milliseconds)
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
directionNav: false,
slideshowSpeed: 1000
});
});
</script>
Hope this helps! @MsMelody
This is an accepted solution.
Hi @MsMelody,
It's our pleasure when helping you with your issue and getting accepted as a solution.
If you need further support, just let me know and we will support you dedicatedly.
Have a great day!
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