How to modify gallery product images?

[monicaamb]

Somebody knows how to modify the visualitation of the product images?

I would like to hide this "slider" and implement the arrows in the photo.

[ps8modules]

Hi.

Every theme that is not the default from Prestashop has its own display.
We don't see it and can't advise.
There are several options.
1. give the URL of the store
2. to hire someone
3. give the name of the template and maybe someone has it and will give advice

[ps8modules]

In default theme CSS:

.scroll-box-arrows .left {
  left: 30px;
}
.scroll-box-arrows .right {
  right: 30px;
}

 

[monicaamb]

On 8/26/2022 at 6:04 PM, 4you.software said:

Hi.

Every theme that is not the default from Prestashop has its own display.
We don't see it and can't advise.
There are several options.
1. give the URL of the store
2. to hire someone
3. give the name of the template and maybe someone has it and will give advice

Ok, thank you very much.

I provide my website and I will also take a look: http://phpstack-717793-2688157.cloudwaysapps.com/es/

[ps8modules]

Thanks for the link.
I will give you the solution today.
It may need to be supplemented. I need to see the tpl file ./themes/your theme/templates/catalog/_partials/product-cover-thumbnails.tpl

[monicaamb]

Do I send you?

Thank you very much in advanced.

[ps8modules]

./themes/theme_ecolife_digital1/templates/catalog/_partials/product-cover-thumbnails.tpl

Hi.
You can upload it here as an attachment or you can send it to me in a private message.

[ps8modules]

The result should look like this?

[ps8modules]

./themes/theme_ecolife_digital1/assets/css/custom.css

find:

 

change to:

.product-images .thumb-container {
    position: relative;
    cursor: pointer;
    display: none !important;}

 

[monicaamb]

1 hour ago, 4you.software said:

./themes/theme_ecolife_digital1/assets/css/custom.css

find:

 

change to:

.product-images .thumb-container {
    position: relative;
    cursor: pointer;
    display: none !important;}

 

I did it but it doesn't work, I attach you the code

custom.css

[monicaamb]

Yes

1 hour ago, 4you.software said:

The result should look like this?

Yes, I will like to slide to other images of the product but without the gallery product

Edited August 29, 2022 by monicaamb (see edit history)

[ps8modules]

I see it's fine.
You have to clear your browser cache.

 

Mobile:

Edited August 29, 2022 by 4you.software (see edit history)

[monicaamb]

2 hours ago, 4you.software said:

I see it's fine.
You have to clear your browser cache.

 

Mobile:

You are a heroe!!! Is it possible to only hide in responsive? @media (max-width:990px)

[ps8modules]

Hi.

Here you have modified custom.css

custom.css

[monicaamb]

4 hours ago, 4you.software said:

Hi.

Here you have modified custom.css

custom.css 405.59 kB · 1 download

Thank you very much