Hey Andy,

das wäre ja PERFEKT, wenn es geht. Wo sehe ich denn die im ALB aufgesetzten Elemente, wenn ich zurück in den Standard wechsel?
Also, wenn ich Dich richtig verstehe, lege ich die im ALB an, ziehe mir die Struktur mit DRAG & DROP auf, fülle das mit Elementen so wie im Link oben angegeben, z.B. 50/50 und in der rechten Seite ein Text, den Purchase-Button, und ein Tabreiter-Element, fülle das mit Inhalt, und dann gehe ich in den Standard und finde das wo? Und kann ich dann im Standard sagen, linke Seite Produktimage und Produktgallery sowie Social Share, rechte Seite wie im ALB? Das heißt ich finde meine 50/50 Aufteilung dort wieder?

Danke Dir.

LG Stephan

Hey Andy,

ja gerne. Das Problem ist genau anders herum. Was ich habe möchte ist in dem Beispiel (EXAMPLE) Link zu sehen.

Ein grosses Headerbild (Produktbild) – darunter
Thumb1 | Thumb 2 | Thumb 3 | Thumb 4 (Produkt-Gallerie)

alle in einer Lightbox zu sehen.
Thumb 1 – 4 sollen jeden nicht im grossen Headerbild zu sehen sein
und das grosse Headerbild erscheint nicht bei den Thumbs.

Exakt so, als wenn Du das Produkt mit dem Standard Layout Editor anlegst, So ist es PERFEKT.

Da ich die Seite jedoch customizen muss, und verschiedenen ALB Elemente einsetze, brauche ich genau dieses Erscheinungsbild aus dem Standard Layout Editor im Advanced Layout Builder.

Du bekommst das halt nicht abgebildet mit einem Bild und einer Gallerie, wie es Josue vorgeschlagen hat, weil es dann immer zwei Lightboxen sind, das Bild keinen Rahmen hat, und die Gallerie mit 4 Thumbs dazu auch nicht diesen Hovereffekt mit rotem Kreis haben.

Frage ist, wie ich die Struktur aus dem Standard in den ALB bekomme, was mir das einfachste und einleuchtendste erscheint oder wie ich, was mit gerade sehr kompliziert erscheint, die Seite im Standard Editor mit den entsprechenden ALB Komponenten individualisiert bekomme. Dafür wäre zu wissen, wie ich die Seitenaufteilung beeinflusse z.B. 50/50 und die einzelnen ALB Elemente positioniere.

Einfacher sieht der andere Weg aus und tatsächlich glaube ich gar nicht, dass die Darstellung wie im EXAMPLE angegebenen Musterseite so viel Eigenprogrammierung ist.

Danke Dir.

LG Stephan

Yes Josue, got it! Works perfectly. Thanks man.

This needed a dot in first line – .custom_masonry av-inner-masonry-content {
to .custom_masonry .av-inner-masonry-content {
Just for the one who is interested :-).

Awesome.

Josue,

I FORGOT THE MOST IMPORTANT THING:

How Do I realize that behaviour with the Advanced Layout Builder? I need exactly that way of a gallery in the ALB.
One big header picture and four different thumbs without header as a thumb. That was my BIG CHALLENGE as I need
to create customize right site like it is on my ALB product pages (LINK attached)

Thanks Stephan

Hey Josue,

GREAT. So what you are saying is it was there all the time and just the plugins prevented it from displaying the right way? I cannot find any structure in the back, just productimage and productgallery. That’s it? What about bxslider custom library you said? Not necessary?
Thank you so much.

Regards
Stephan

Hi Elliott,

thanks man. Woocommerce only supports in certain environments and I couldn’t find something on the internet.
Thought there is a way to extract that term as a variable.

Best Stephan

• This reply was modified 8 years, 9 months ago by handelsmann.

Yes, definitely. Details attached.

Thanks you.
Stephan

Hey Josue,

awesome. Thank you. That seems to be a little bit tricky. It’s a mystery to me how to set up
that gallery individual for each product.

Any idea how to talk directly to the productimage and the product gallery
to create something like

productimage
productgallery1 productgallery2 productgallery3 productgallery4

and send them all into the lightbox?

I just wonder how the thumbs get that red circle with with arrows when hovering. In enfold gallery that doesnt work (for me).

Thanks
Stephan

Hey Andy,

sorry that wasnt published. Here is the link.

Can’t get a hand on it, as it is for three seconds
the way it should be and then it switches over
to some kind of cutted preview with arrows
from left to right to choose a thumb.

Just wanna have a big header with
4 different thumbs below, without header as a thumb
and all 5 in the lightbox

Best Stephan

Hey Elliott – IMPORTANT IMPORTANT IMPORTANT

in that second I see that we influence the gallery with that code also – WE CANNOT DO THAT.
Is there a way to have this HOVER BEHAVIOUR for the portfolio only and just have the standard display for
gallery?

Best Stephan

Hey Josue,
thanks for your response. BUT – the link I sent to you is YOUR LIGHTBOX !!!
If you click here on your Enfold Gallery it shows 4 pics in the lightbox.
So the question is, how do I setup a bigger picture at the top,
which is included in the lightbox but have no smaller thumb.
Thanks man.
Best Stephan

HI Elliott,

that looks great in result – BUT WE HAVE TO FIX IT ONLY FOR HOVER.
And can you tell me where this box takes it size from – is it the font-size of main text?
The font-size seems different from font-size of body content.
Where do I influence that?

Thanks in advance.

Best Stephan

Hi Yigit,

great thanks man. Question is how could I find out to add a whitespace element that the footer area is fixed :-). Strange.
Thanks again.
Best regards
Stephan

Thanks Yigit. Awesome.

Hey Basilis,

try to test things at the moment with the different options of theme. So here at http://smillas.sherpaz.de you can see on frontpage the boxed one footer with a grey separator line on the right and if you choose a navigation tab like kontakt or smillas blog the footer is fullwidth and the line on the the right is black.

Thanks for your support.

Best Stephan