Hello,

I was hoping anyone could help me with the next 2 problems.

1. I have a problem with the tabs on my page (module Zentools) paintwithpen.nl/index.php/producten.
Every tab contains a caroucel. The first tab is working just fine (image 1). But in a second, or third etc tab the images I want to show are clearly smaller (image 2), even though the components of the modules are exact copys of the first one, which does work.

2. Maybe the problem has something to do with the fact that the position of 'tabs' is not in the maincontent of the page, it seems to be above it, just under the menu but above the main. I can't seem to figure this out as well. (image 3)

All the help is appreciated.

Hi

Can I just check are the images all the same size?

If the images are different sizes you may get different results

Cheers
Paul

Regarding the tab wrap

If you add this to the custom.css file in the template

#tabwrap {margin-top:3em}

does that do the trick?

Cheers

For customisation please check out this page

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation

Cheers
Paul

Thanks for your reaction. As u can see now, the pictures are exactly the same in both tabs, so also the same size.
I tried the code in the custom.css, unfortuately it didn't do anything.

As you can see, the second tab seems to contain more items which are not showing. You can still click the navigation arrow in the caroucel, without there being any items. In the image you can see the settings of the second tab and the settings of the images.

Hope there is something else I can do to fix this.

With the images I'm talking about the original size rather than the resize option in the module

With the custom.css I adding space above the tabs which I thought was the problem - so that does seem to have worked but perhaps not what you were after

With

"2. Maybe the problem has something to do with the fact that the position of 'tabs' is not in the maincontent of the page, it seems to be above it, just under the menu but above the main. I can't seem to figure this out as well. (image 3)"

I'm not exactly sure what you want to change

The tabs are in a separate row in the template content/component area

Cheers

"2. Maybe the problem has something to do with the fact that the position of 'tabs' is not in the maincontent of the page, it seems to be above it, just under the menu but above the main. I can't seem to figure this out as well. (image 3)"

There is not something I want to change here, I thought it should always be positioned in the main, so that could be a possible problem for me. But you say it's a normal position, so it won't cause the problems with the tabs.

______
I found out something about the responsiveness of the paintwithpen.nl/index.php/producten page. When you smallen the width of the screen while being on the second tab page, the small images (which were the problem) become larger. When you switch to the first tab, you see that the images in there are smaller now(!)
It seems to be the one or the other tab that has to contain smaller images.

This is pretty weird, how to fix this? Thanks!

I would suggest cropping the images the exact same size before being resized in the module to see if consistent image size solves the issues you are having

Cheers
Paul

Hi, as you can see: every article, in the 2 tabs, contains the same image, all 140px x 140 px.
Still one tab shows small resized pictures, and the other tab contains bigger pictures.
Inspect element says:
(tab 2) Smaller pictures: 140px × 140px (scaled to 92px × 92px)
(tab 1) Bigger pictures: 112px × 112px (scaled to 169px × 169px)

When i choose not to 'resize images' the images in tab 1 get streched in length, and the images in tab 2 don't change at all and stay small.

Do you perhaps have an other solution to display my products this way?

I would crop the images in a photo editor like photoshop prior to upload so the same settings will work the same

(tab 2) Smaller pictures: 140px × 140px (scaled to 92px × 92px)
(tab 1) Bigger pictures: 112px × 112px (scaled to 169px × 169px)

Sometimes the ratio of width and height means differences

Cheers
Paul

Hi, the photos in the tabs are cropped in photoshop 140 x 140. So that doesn't work. Could you perhaps have a watch in the background and try to fix it?

If not, do you maybe have another option for me to show these products in tabs? I searched myself, roksprocket maybe is something?
Thanks

Hi

I see the site as offline now

Cheers
Paul

Yes, I did that because I didn't think it looked professional to have my site online while it didn't work the way it should.
It's online again now, so if u have time you could have a look Thanks

Hi

Can you first turn off images based on screensize

Did you duplicate the first module and assign it to the second tab?

Cheers
Paul

Hi,
Yes, images based on screensize is on 'no'.
And indeed, I duplicated the first tab 'mokken' and changed the name into 'je eigen ontwerp'.

It still seems one of the tabs has to be smaller, it just depends how wide your screen is which tab has the smaller images.

Would it help if I gave you my log in name/password? So you could have a look yourself, or should I ask someone else? Thanks.

Hi

Yes perhaps it would be best if you opened a ticket so we could take a look

please include a summary of the issue together with access details

Cheers
Paul