Solved

Can you modify the bottom margin in product search on Shopify?

MsMelody
Explorer
69 0 30

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

 

MsMelody_0-1615250508988.png

https://faxcable.com.ph/search?type=product&q=EP-25

IamMelody
Accepted Solutions (2)
LitExtension
Shopify Partner
4860 1001 1132

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 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

LitExtension
Shopify Partner
4860 1001 1132

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! 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 10 (10)

LitExtension
Shopify Partner
4860 1001 1132

 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! 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
MsMelody
Explorer
69 0 30

How can I adjust it? Where do I put the codes? @LitExtension 

IamMelody
LitExtension
Shopify Partner
4860 1001 1132

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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
MsMelody
Explorer
69 0 30

so I'll just paste the code that you gave to me? @LitExtension 

IamMelody
LitExtension
Shopify Partner
4860 1001 1132

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 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
MsMelody
Explorer
69 0 30

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.

<div class="flexslider" style = "margin-bottom: -20px !important;">
  <ul class="slides">
 
    
    
    <li>
    </li>
    
    <li>
    </li>
    
    <li>
    </li>
   
    <li>
    </li>
    
    <li>
    </li>
    
    <li>
    </li>
    
  </ul>
</div>
<script type="text/javascript">
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    controlNav: false,
    directionNav: false   
    
  });
});  
</script>
 
IamMelody
MsMelody
Explorer
69 0 30

@LitExtension 

IamMelody
LitExtension
Shopify Partner
4860 1001 1132

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 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
MsMelody
Explorer
69 0 30

Thank you so much @LitExtension 

IamMelody
LitExtension
Shopify Partner
4860 1001 1132

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! 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify