Absolute Theme-Product Page Layout

[tomtomg]

https://www.demopark.co.uk/panasonic...ra-hd-smart-tv

Can anyone suggest how to relocate the thumbnail images from the left hand side of the main image to underneath it?

Cheers,
Tom

[Dave]

In Custom HTML Tab look for this line of code in the product detail page code box

[IF product_alternate]<div id="product_alternate">%product_alternate</div>[/IF]

Copy the code, delete it and then paste after this line of code

[IF product_zoom]<div class="prd-zoom">%product_zoom</div>[/IF]

[tomtomg]

Thanks for that! Gets them in the correct pace, but they're stacked vertically rather than horizontal. Any pointers?

T

[Dave]

I'm only guessing here Tom as I'm no expert but in the pages tab look for this line of code in additional CSS

#product_alternate table.tables.thumbnails tr {display: flex; flex-direction: column; align-items: start;}

Where is says flex-direction try changing from column to row

[tomtomg]

Nearly there! The thumbnails are now horizontal, but in rows of three. Any suggestions on how to change this to allow 5 images per row?

[Dave]

General —> Settings —> Product

And MAYBE Alternate / variant thumbnails per line ?

[tomtomg]

'Fraid not. And you were doing so well!

Seems to be a template setting, rather than a site wide BP setting: I have a private category I'm testing the new them and when I switch between the current one and Absolute the number of images along the row changes. I'm guessing it may be something in the theme custom CSS but can't seem to find anything relating to it.

Thanks for your help, you certainly put me on the right path.

[Dave]

Sorry Tom, my luck had to run out sooner or later

If that’s not it there must be something in the CSS overwriting it. I’m not near a PC for a couple of days to have a look so perhaps drop support an email ?

[Mikey]

I'm guessing it may be something in the theme custom CSS but can't seem to find anything relating to it.

If you've got a live example you can post/PM a link to I'll happily take a look...

Mike