Solved

Quick View Image not displaying correctly.

sablier2
Tourist
7 0 1

Hi! 

I'm very new to this and have been trying to fix the quick view formatting of my product. 

When trying to quick view each product, all of the photos show up very small...

I'm not too sure how to fix this?

 

sweetsablier.comScreen Shot 2023-10-13 at 4.24.22 pm.png

Accepted Solutions (2)
theycallmemakka
Shopify Partner
1337 296 328

This is an accepted solution.

Hi @sablier2 ,

 

I have written a CSS to fix the issue.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.quick-add-modal__content-info .back-btn__wrapper{
 display:none!important;
}
</style>

 RESULT:

makkaomakka_0-1697178380010.png

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards

Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Beae_Anthony
Shopify Partner
436 167 175

This is an accepted solution.

Hi @sablier2 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.quick-add-modal__content-info {
    flex-direction: column;
}
</style>

Beae_Anthony_0-1697178408153.png

 

Best regards,

Anthony

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog

View solution in original post

Replies 6 (6)

theycallmemakka
Shopify Partner
1337 296 328

Viewing the site requires password. Can you provide me with the password so that i can review the issue?

makkaomakka_0-1697175216167.png

 

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

sablier2
Tourist
7 0 1

Hi! The password is skauto

theycallmemakka
Shopify Partner
1337 296 328

This is an accepted solution.

Hi @sablier2 ,

 

I have written a CSS to fix the issue.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.quick-add-modal__content-info .back-btn__wrapper{
 display:none!important;
}
</style>

 RESULT:

makkaomakka_0-1697178380010.png

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards

Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

sablier2
Tourist
7 0 1

thank you so much!!!

Beae_Anthony
Shopify Partner
436 167 175

This is an accepted solution.

Hi @sablier2 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.quick-add-modal__content-info {
    flex-direction: column;
}
</style>

Beae_Anthony_0-1697178408153.png

 

Best regards,

Anthony

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
sablier2
Tourist
7 0 1

Thank you!!