Product photos not showing anymore, thumbnails are but the main photo for each product is not showing

Ask & Offer
1

Store is not published yet, but I made a few changes to my store today and then noticed the product photos arent showing anymore, the thumbnails do though, im not sure what has happened, just randomly stopped showing, please help

1000086893
1000086893945×2048 83.5 KB

2

HI @Jgm27

Welcome to the community.

Could you explain what you have changed and even better share the password for your frontend so we could check it out and maybe find a solution?

4

@Laza_Binaery thanks for responding to this and i hope you find a solution for me

5

Try this, you have to edit some code in your assets/base.css and find this code

.media > *:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
}

and change it to

.media > *:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

It is a bit strange, maybe a bug or some configuration settings.

6

Hi @Laza_Binaery thanks for this,

Ive just found this in the coding, but it seems to already be as youve suggested? But it has announcement bar message with it? Not sure.. here is a photo.. i have not changed anything yet

1000086897
10000868972048×1536 396 KB

7

@Jgm27

Well not quite :slight_smile:

You have

p.announcement-bar_message.h5{
text-transform: none !important
}
}

Which looks like an accidental paste, because that is not a place it should be
Remove it and it should be fine.

scrnli_M2f23NQMrxa26x
scrnli_M2f23NQMrxa26x1920×728 177 KB

8

Your right🤣 definitely my fault, not sure how i managed it, but thank you so much mate you have fixed the issue💪🏼!

9

If solved be sure to mark the solution post for future merchants, thanks.