Weird loading icon when you click to enlarge product photo

Solved

Weird loading icon when you click to enlarge product photo

Lekky
Tourist
8 0 0

Hello everyone,

 

my page www.lekkys.com is build on the Capital theme.

 

I ve noticed that in both mobile and desktop versions it does this really annoying thing with a loading icon in the middle of the picture that just stays there forever.

 

Screenshot 2024-09-03 at 7.44.42 AM.png

 

Any suggestions or help to get rid of this will be much appreciated!!

 

Thank you all very much in advance

and have a great day!

Accepted Solutions (2)

Tech_Coding
Shopify Partner
514 132 131

This is an accepted solution.

Hello @Lekky 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product-images-lightbox .spinner {
      visibility: hidden !important;
   }
</style>

Tech_Coding_0-1725339323796.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

GTLOfficial
Shopify Partner
801 167 178

This is an accepted solution.

Hello @Lekky 
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->theme-product.min.css
add this code at the end of the file.

.product-images-lightbox .spinner {
display: none !important;
}

result
1.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 4 (4)

Tech_Coding
Shopify Partner
514 132 131

This is an accepted solution.

Hello @Lekky 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product-images-lightbox .spinner {
      visibility: hidden !important;
   }
</style>

Tech_Coding_0-1725339323796.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

GTLOfficial
Shopify Partner
801 167 178

This is an accepted solution.

Hello @Lekky 
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->theme-product.min.css
add this code at the end of the file.

.product-images-lightbox .spinner {
display: none !important;
}

result
1.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
Lekky
Tourist
8 0 0

Thank you so so much!!! 

GTLOfficial
Shopify Partner
801 167 178

Happy to help you....!!!

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh