brodward

Ya lo solucioné, debía crear dos contenedores y en el contenedor secundario darle un ancho de 100vw

Gracias por la ayuda!

Hello
I’m working on local, but this same problem is presented by the yith proteo demo as you can see in the attached image
https://prnt.sc/1g5mPfcqssV3

Thank you for your help

Hello
I had the same problem and this is the solution the Yith team gave me.
“you can add the following additional CSS”

@media (max-width: 600px) {
    ul.products, .wc-block-grid ul.wc-block-grid__products {
        grid-template-columns: repeat(2, 1fr);
  }
}

• This reply was modified 3 years ago by brodward.

1. I edit the products as it is normally done from: products >all products, select a product and click on edit.
2. Deactivate the plugin
3. It happens regardless of the change I make
4 and 5 I deactivate the add-on because it started to generate all these errors, in version 2.6.5 it was not presenting these failures.

Hello
1 So how could you solve this sticky property problem when the bookable product has additional services so that you always keep the booking form on screen while scrolling
2 It is important for me that in the store on mobile devices 2 products are displayed per row and not 1. Before the update it was showing 2 products per row.
3. When would the bug be fixed to be able to show 2 photos on the main product cover. Could you please share some code to fix this bug temporarily?

Thanks for your help

Hello
It does not show me code errors, but it is generating errors when I edit a product from the backend, I explain:
If I edit any product this changes me the url automatically, for example if I have the product with a url https://www.myweb.com/product after giving it update automatically changes me the url by the one of some other product and takes the configuration of the product by which I change the url.
As I mentioned before it does not give me code error in the frontend but it is generating the conflict that I just mentioned.

Hello
This is the link of the page, you can see in the section called “Itinerary details” by clicking on see more, the modal window will be displayed
https://terraturviajes.com/destino/experiencia-leticia-amazonas-y-tabatinga-brasil/

We want the modal window to work in a similar way to this page, both on mobile devices and on desktop
https://cutt.ly/hn6p360

As you can see on mobile devices when the modal window is opened it is shown on the entire screen and on the desktop the modal window is much larger than the current design.

I would be very grateful if you tell me how I can achieve this

I look forward to your comments and again thank you very much

Hello
Thanks for your answer
The modal window works fine when it is small, but when it is too long the header covers the modal window.

1. How can I fix this error when the modal window is too long?
According to this example, this is how the modal window should work when it is very long: https://jquerymodal.com/#example-3

2. How can I make the modal window much wider?
We want to create a modal window size like the one on this page:
https://cutt.ly/hn6p360

3. How can I disable the page scroll when a modal window is opened, we want the scrooll to only work for the modal window when it is very long, otherwise we want the page scroll to not work

Here is a video link showing the error that is being presented with the long modal window and I also show you an example of the width of the window that we want to have

https://drive.google.com/file/d/1DHkdvIz7ezpSKUR8_dCihUWXkQAHvMoT/view?usp=sharing

The yith-woocommerce-zoom-magnifier plugin does not work for what I am looking for, I hope they will enable soon the bookable product page in PROTEO

Thank you very much for the help

• This reply was modified 3 years, 5 months ago by brodward.

Hi, thanks for your response!
Could you help me with two other questions I asked a few months ago on the forum.
These are the questions:

https://www.ads-software.com/support/topic/product-page-design/#post-13936978
https://www.ads-software.com/support/topic/modal-window-error/#post-14205218

Thanks

Hello
I wanted to know if they already have an estimated date to add the bookable product page option in PROTEO?

Or could you help me by indicating how to do the following configuration:
Yith Proteo brings in the theme customizer an option called individual product page> Product image> Activate the carousel in the images of the product gallery, I have this option activated but when I put more than 4 images it already shows them to me in another row (See attached image). How can I make the carousel work and show me all the images in a single row so that I can put more than 4 photos per product?

Image Link: https://drive.google.com/file/d/1-ZevHvv5fVbJwXJ3mI7LsoSSpvxlddDM/view?usp=sharing

Thanks

Hello, thanks for the answer
Could you help me with 1 more questions?
1. Change the background color of the product photo gallery to white, for this reason the arrows to move forward or backward are not visible, could you tell me that the css selector allows me to change the color and background of the arrows?

Hello
I wanted to know if you already have an estimated date for the release of the update to be able to create modal windows in PROTEO.
Or could you help me by telling me how to fix the modal window position error using Bootstrap. In the following link you can see the error that I mentioned in the past messages.
video link: https://drive.google.com/file/d/1eH4lWwVToj0EG2Zn8_BxTG1CNVwZEqou/view?usp=sharing

Thanks

Hello, could you help me with my last question please?
Thanks

Hello
If you add the bootstrap JS and the modal window shows it but not in the correct position, I leave you the link of a small video where you can see how the modal window is being shown on our site and how it is shown in bootstrap

https://drive.google.com/file/d/1VBx6SIyMKpJWL_3rcJA7KeLi5V1r3zHc/view?usp=sharing

As you could see in the video the modal window is shown but not in the correct position. According to the bootstrap design that we selected, it should be shown in the center of the screen, could you tell me how to correct this error?

Thanks for the help

Hello
I want to change the image gallery to the top, the same as the theme that yith booking brings and the booking form (Widgets) works as a sticky bar.
I leave this image as a reference of what we want to achieve:
https://drive.google.com/file/d/1DFY5ZAt5EYja6eiRi_Gnb9zGW5oREH8e/view?usp=sharing
I leave this other image as a reference of what we have at the moment:
https://drive.google.com/file/d/1AWwcxtt4Di_eLA6LWifMHv2dRv5D86Eu/view?usp=sharing
I would be grateful if you could help me since due to the pandemic our agency was very affected and we cannot pay a programmer to make these modifications to us. If you help me by giving me very precise indications of what code I should change, I am sure that I could successfully achieve the modifications we need.

P.S. We have active the theme son of yith proteo

Again thank you very much