Change view of image

[NikosBat]

Hello guys how can I change my view of the images in mobile?

From this:

 

to this

 

As you see I want my arrows to be removed and the images below the big image should like in this image.

[qasim-devloper]

Hey @NikosBat please share Store URl as well as password.

[NikosBat]

Hey Qasim-Devloper here is the url and the password, https://www.nistore.de/products/nistore™-winterhandschuhe, fsfdsfsd

[Made4uo-Ribe]

Hi @NikosBat 

Do you mean like this? 

If it is, check this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
.thumbnail-slider.slider-mobile-gutter .slider-button {
    display: none !important;
}
}

• And Save.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[NikosBat]

Hello Made4uo-Ribe and thanks for your answer, can I somehow display they 4th image too but

only the half of it and be white, like this

 

[DaisyVo]

Hi @NikosBat 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
ul.thumbnail-list.list-unstyled.slider {
    max-width: 330px;
    margin-inline: auto !important;
}
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[NikosBat]

Hello DaisyVo and thanks for your answer, can I somehow display they 4th image too but only the half of it and be white, like this

[DaisyVo]

Hi @NikosBat 

Regarding image below the first product image, it is impossible to edit how many images can be displayed there since it's about the theme setting. In short, it can't be customized. 

We can't intervene it further. Hope you can kindly understand. 

Best,
Daisy - Avada Support Team.

[Dan-From-Ryviu]

Could you share your store URL?

[NikosBat]

Hello Dan-From-Ryviu, here is the link and password : https://www.nistore.de/products/nistore™-winterhandschuhe,  fsfbnsikdfn

[Dan-From-Ryviu]

Hi @NikosBat 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
    .product .thumbnail-list__item.slider__slide {
        width: calc(25% - .6rem);
    }
}