Problem on product page

Hi,

I have added the swatches to product page below:

http://furnishconcept.com/product/eames-lounge-chair-replica-with-ottoman/

As you see the bottom swatches are not visible and once you scroll down it doesnt show the last swatches at bottom.

Check the screenshot. I have highlighted in green, there are more swatches below the green highlighted but it is not showing.

how I can fix it?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, this product page layout is not designed for such a long product description including swatches. The only one way to solve is to decrease sizes of all images and texts on the page to make it fit the screen. But we can’t provide you a custom CSS code for this because you are using some third party plugin for your variable products.

Regards

How about if I hire you in person and do the custom code for that section is that possible?

I will pay for the hour you spend.

Please let me know

Tnx

?

Hi,

Yes, we can do this customization for you. Contact us directly via our profile page contact form https://themeforest.net/user/xtemos

Hi, now I am not using any 3rd party plugin for swatches. company and I am using Basel variations style.

Can you please now provide me custom code for showing all the variation on SCROLL IMAGE PRODUCT STYLE?

Page with problem:

http://furnishconcept.com/product/eames-lounge-chair-replica-with-ottoman/

Reference link below (they have nice style for scroll product page, maybe you want to get inspire by them)

https://www.roveconcepts.com/arne-jacobsen_egg-chair.html

Please help me on this,

Thank you

Hi,

First of all, could you please choose smaller size for all swatches in admin panel -> Products -> Attributes? And remove these texts https://gyazo.com/6a1eebf204f0820deb9904ef8b502ec5
It will free some extra space

Thank you,

Swatches should be the same size as it is now to be able to users to see the texture, smaller swatches does not work for our business.

Can you please provide the custom CSS code to solve the problem?

Need it ASAP please.

Thank you

But how do you want to solve this problem in this case? If the content doesn’t fit the screen because of its size it should be smaller, right? What exactly do you want to do with the Custom CSS?

Have you check this link for sample and functionality?

https://www.roveconcepts.com/arne-jacobsen_egg-chair.html

Basically all the theme will SCROLL feature has:

once user scroll down both side (pictures gallery and description) scroll down and once it gets to end of description or swatches the right side sticks and the pictures just scroll down.

Last time you mentioned because im using 3rd part company for swatches you can not help me, now I have changed to theme swatches to get your support.

Please please help me on that.

Yes, we understand you. We told that we can help you decrease all elements to make them fit the screen. Unfortunately, it doesn’t work as on the example you sent us. There is no quick fix for this. It requires a lot of customization of JS script to make it works like the example. We will try to rework it in our future updates.

Ok, however you mentioned I can hire you and make it the same as example?

Yes, but please contact us directly if you need additional customization.

[Author]

Posts