Forum Replies Created
-
AuthorPosts
-
Hi,
Ok, das funktioniert. Jedoch erscheint der Aufbau im ALB als Code und nicht im Standard. Wenn ich jetzt den Code einfach in den Standard kopieren muß, frage ich mich dennoch wie ich bestimme, dass der Editor die Gallerieansicht wie ich sie haben will (produktbild, produktgallerie) an die entsprechende Stelle einfügt (also z.B. in die linke Hälfte der 50/50 Aufteilung) und dass er die generell in der Splittung auch so übernimmt.
Einfacher erschiene es mir im Kopf es gäbe irgendwie einen SHORTCODE für die Gallerieform (Produktbild/Produktgallerie] aus dem Standard Editor, den ich einfach nur im ALB integrieren würde.
LG Stephan
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
Hi,
das ist aber nur eine Theorie, richtig?
Du hast die Zugangsdaten. Guck Dir den Artikel unten an. Wo sollen die Elemente dann stehen? Es geht nur entweder oder so wie es scheint.
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
Hey,
mmmh – “Big Picture with thumbs below” style means
a) all thumbs will be seen in the big picture too
b) the big picture will also be in the thumbs.Thats not the way it is in the example page.
Do you think its impossible too find out by source code?
Cannot believe that. Everything is right in front of our eyes.Best 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.
Hey Josue
1. Thank you so much. Yes, changed or add the logo, Why is it that the menu has a line-break instead of shrink to a certain level – determinded by a fix size?
2. THATS EXACT THE PROBLEM FROM THE BEGINNING OF THE POST. What it does is to add a bigger headphoto a) without a frame like the thumbs and as it is in the standard editor
b) in its own lightbox, so you have 1 headphoto in the lightbox for IMAGE and 4 thumbs in the lightbox for PREVIEWGet mad about this. Or did they customized the standard? It looks exactly like ALB with the gallery of standard.
Best Stephan
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
Hi Josue,
did that directly and it worked perfectly. Thank you so much.
Best 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
StephanHey,
this is awesome. Can you give me a hint where this is created?
So grateful.
Thanks JosueAugust 22, 2015 at 12:49 pm in reply to: How to display single product title and lowest price variable into text? #491713Hi 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 9 years, 4 months ago by handelsmann.
Hi Josue,
thank you man. This looks greater than everything before. Where and how did you create that?
Thats exactly what I want to achieve EXCEPT
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
that missing RED CIRCLE and arrow pointing to the LIGHTBOX
for the THUMBS. How did they force the thumb to display that?
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxEverything else seems perfect. Do you think this detail can be fixed?
Best Stephan
Yes, definitely. Details attached.
Thanks you.
StephanHi Andy,
no prob. Can you give me a little help on that.
1) How do i refer that class for example to masonry hover and content only for portfolio?
2) Can I only display the products in the shop without a portfolio at the top (see link)?Thank you
Regards
StephanHey 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 likeproductimage
productgallery1 productgallery2 productgallery3 productgallery4and 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
StephanHey Andy,
thanks for your response. Can you help me on alb elements as the link you integrated doesn’t work.
Where do I find a reference for all the alb elements or there detailed definition for css.Thank you so much.
Regards
StephanHey 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 lightboxBest Stephan
Hey Josue,
and the crazy thing is: I copied the product and switched from the Advanced Layout Editor to Standard. Then he uses the product picture and the previews (product galerie) from within the product itself. When you know click, it is exactly what I want to have in the advanced layout as I want to customize the right side of the product.
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 Elliott,
thanks a lot. That is going close to perfect :-).
Deleted the first line (display: block !important;) in
.av-inner-masonry-content {
display: block !important; <——so it works fine. Why is it, when you fix the height, that the text is forced to go out of the
image down below? Any idea?Thanks 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 StephanHey Yigit,
thank you so much for your response, but it seems that you didn’t see the introducing two lines:
I need that behaviour for HOVER and not for standard display as it is now.
So when HOVERING with the mouse that box should appear.And how do I influence box size?
Isn’t opacity in my understanding a complete different option for the
the density of color of the box? So why should I delete it for the font-size?
It works perfectly side by side :-)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
Hey Dake,
thanks for your response. Are you telling me that this behaviour and functionlity of images and lightbox in
the link attached is programmed?! Looks like some kind of standard.Thanks man.
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
StephanHey Yigit,
no problem. Send it with private content.
Best Stephan
Thanks Yigit. Awesome.
Hey Basilis,
if there is no class, yes I need to add one. Just need to know if I have to work with tab and create something
like .tab :hover :active.Thanks
StephanHey 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
-
AuthorPosts