Forum Replies Created

Viewing 30 posts - 1 through 30 (of 139 total)
  • Author
    Posts
  • in reply to: Lightbox disappeared on product overview page #626306

    Hi Andy

    Correct – these buttons come with the original Flashlight theme.
    I only tweaked one of them in 2012.
    The issue only appeared after the latest updates (WP, WC, Flashlight).
    As all attempts to solve the problem failed, I replaced the current WooCommerce folder with the one of my backup from before the updates.
    And it worked.
    That’s all (WP and Flashlight as well as the WC database are left unchanged).

    I have no clue what’s going on – I only discovered a work-around.

    Cheers,
    Bruno

    in reply to: Lightbox disappeared on product overview page #622216

    Hi Andy

    As a test I now replaced WooCommerce version 2.5.5 with the previously installed version 2.4.6
    The result: the correct mouse-over effect is back as it was before the updates.

    strong>It seems that Flashlight 4.1 does not correctly interact with WooCommerce 2.5.5.

    Is Devin still with the Kriesi support team? In 2012 he wrote ” I’ve worked quite a bit with this particular function so I know how to play with it pretty well”

    Regards,

    Bruno

    in reply to: Lightbox disappeared on product overview page #619798

    I’m afraid we are not on the same page.

    what I want is to get back what worked since 2012:
    These missing 2 overlay buttons are a standard feature of the Flashlight theme. The only thing I tweaked was the text and the function of a button.

    Meanwhile I created a serie of mockups to illustrate what we are discussing (links in private content)
    ->> hovering the mouse over image 4257 should show the Overlay: 2 buttons, overlying the image
    ->> clicking on the button “Enlarge image” should show an enlarged version of this image in a lightbox
    ->> clicking on the button “Details” should open the product detail page of this image

    As I said: these modifications worked since December 2012, but no longer show since the recent updates.
    The current “feature” of enlarging an image (no lightbox and only if vertical) upon hovering is rather a bug and does not make any sense.

    To test if my custom.css could interfere, I temporarily disabled it – the overlay/buttons were still missing.

    ************************************
    Meanwhile I noticed something that might help identify the source of the problem:
    – if you hover the mouse over a vertical image, the image expands
    – now slowly move the mouse away from the image
    – carefully watch the left edge of the image: as the image returns to normal size you will see the 2 icons (magnify, details) appear for a second and disappear again
    – this is only visible with a vertical image, but happens with a horizontal image as well (see links to screenshots)
    – this means: the mouse-over effect is there, but somehow hidden behind a second and larger instance of the base image and therefore only visible after mouse-over and only the part of the buttons that is not hidden by the overlying image

    CONCLUSION

    It seems that we see a double mouse-over effect:
    – there are the 2 overlay buttons that should be there and have always been
    – at the same time a larger instance of the same image appears on top, hiding the 2 buttons underneath
    On mouse-over we get a hamburger: the bottom layer is the image, in the middle are the 2 buttons (magnify & details), on topis a larger version of the bottom layer. Because the top is larger and we’re looking down, we can only see the cover.

    I would highly appreciate if you could help eliminate this issue!

    Cheers,

    Bruno

    PS
    – Your admin login is still active

    in reply to: Lightbox disappeared on product overview page #619300

    Hi

    back in 2012 I applied the following modifications and did not change them since:
    I changed the text, function and icon of the (now missing) product-overview image overlays
    ⇒ button “Select options” was modified so it opens the product detail page
    ⇒ button “Show details” was renamed to “Enlarge image” and function modified so it opens the underlying product image in a lightbox (prettyPhoto)
    according to suggestions of the support team
    ***********************************************
    Change the “Show details” button into “Enlarge” button

    make these changes to the flashlight/woocommerce-config/config.php

    change line 439; v2.1: 492; v2.2.1: 496; v2.3.: 496; v2.1.5: 552

    echo “ID).”‘>”.__(‘Show Details’,’avia_framework’).”“;

    to

    echo “ID) ).”‘ rel=’lightbox’ alt=’ ‘ title=’ ‘> “.__(‘Enlarge Image‘,’avia_framework’).”“;
    [German Version: “Enlarge image” -> “Bild vergrössern”]

    (Purchase code hidden if logged out) -into-a-lightbox-link/#post-100893″ target=”_blank”>http://www.kriesi.at/support/topic/ (Purchase code hidden if logged out) -into-a-lightbox-link/#post-100893

    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

    “Show details” / “Enlarge image” button: replace icon

    Change in the file flashlight/woocommerce-config/woocommerce-mod.css
    Line 589-591; v2.3.: 589-90

    From
    #top div .thumbnail_container .show_details_button{ background: url(images/icons-shop-details.png) no-repeat 10px center rgba(0,0,0,0.7); }
    to
    #top div .thumbnail_container .show_details_button{ background: url(images/icons-shop-magnify.png) no-repeat 10px center rgba(0,0,0,0.7); }

    (Purchase code hidden if logged out) -into-a-lightbox-link” target=”_blank”>http://www.kriesi.at/support/topic/ (Purchase code hidden if logged out) -into-a-lightbox-link

    ************************************

    “Show details” / “Enlarge image” button: replace icon (copy the icon file)

    to replace the “show details” icon with a “magnifying glass” icon
    copy the file copy icon “magnify.png
    from flashlight/images/skin-dark
    to flashlight/woocommerce-config/images

    rename the file (prefix “icon-shop-magnify.png”)

    ****************************************************************************************

    Meanwhile, for testing purposes, I replaced the entire theme Flashlight v4.1 with Flashlight v3.2: issue unchanged
    Then I replaced Flashlight v3.2 with Flashlight v3.1: issue unchanged
    ****************************************************************************************
    Is there any chance the issue has to do with the new version of WordPress?
    (In these tests I only changed Flashlight – all tests done under WP 4.5)

    Or could any code in the custom.css interfere with files of the new Flashlight versions (although: custom.css has not changed since May 2015)?

    Currently Flashlight 4.1 is active again.

    Cheers

    Bruno

    PS
    According to your suggestion I added the image file “icons-magnify.png”.
    However, IMHO the missing image file could not explain the issue:
    – my modified file woocommerce-mod.css (line 589) calls “icons-shop-magnify.png”, as mentioned above
    – the missing image file would only result in a missing icon, but not in 2 missing overlays (buttons with text)
    – it would not explain the missing icon “Show details” [icons-shop-details.png] either

    in reply to: Lightbox disappeared on product overview page #619071

    Hi

    I updated Flashlight to 4.1 BEFORE testing with deactivated plugins (i.e. on April 18, the day before Andy’s suggestion).

    Regards,

    Bruno

    in reply to: Lightbox disappeared on product overview page #617597

    Hi

    I deactivated all plugins (except, of course, for Woocommerce).
    The problem remained unchanged.

    Best regards,
    Bruno

    in reply to: Lightbox disappeared on product overview page #616304

    Hi Josue

    please find the details in the private content

    Regards,
    Bruno

    Hi Andy

    re Flashlight
    could you please let me know which code in which file creates that specific menu design in Flashlight (see link in private content)?

    Thanks,

    Bruno

    Hey Andy

    Re desktop menu:
    I added 2 links to show my point (edited screenshots – see private content).
    – In the Flashlight menu, part of the menu area is transparent (top and near bottom)
    – the Flashlight menu is moved to the right (this is what your code is supposed to do – unfortunately I don’t see any change)

    How can I move the menu and create the partial transparency in Enfold?

    *******************************************************
    Re mobile menu:
    Your code reduces the width of the menu, however:
    (please check the screenshot from a responsive theme in the private content)
    1) the area on the left of the (reduced width) menu should be transparent (remember, my goal is that the menu slider must not hide the entire screen)
    2) is there a way to make the width of the menu slider flexible, i.e. self-adapting to the width of the content of the menu, instead of a having a fixed percentage of the fullsize slider (if there are only short items in the menu, the slider should be smaller, when the content includes long words, the menu slider should get wider accordingly). Of course I can check and adjust the width when I add a new menu item, but it would be more elegant if this happened automatically.

    Regards,
    Bruno

    BTW: these desktop design elements were what caught my eye, when I first saw the Flashlight demo, therefore I would like to recreate it in Enfold

    Hi Andy

    Thanks!
    What about the desktop menu?
    Where in Flashlight can I find the code of the menu I’m looking for (that partially transparent block, offset from the left edge – see my current homepage or the mockup/screenshot or the Flashlight demo)?
    What code (CSS?) would I need to transfer or modify (and where to insert/modify)?

    Cheers,

    Bruno

    Hi

    my post starts with the following statements (quote):
    – My current site http://www.fotowalther.ch is created with Flashlight (non-responsive).
    I might switch to Enfold, provided there is a solution for the menu as described.
    **************
    My questions (requirements for switching) are:
    1) I want the desktop menu to look the same with Enfold as with Flashlight (see mockup or active homepage)
    2) the mobile menu must NOT hide the entire screen (it should be flexible and only take the width required to accomodate the menu as shown in the mockup).

    I was then asked to create mockups to show my points.
    There must be a fundamental misunderstanding. Why would you like me to show the solution when I am asking to know if it can be done in the first place?
    To see how it looks when the mobile menu hides the entire screen please check any of the Enfold demos. I’m asking because I don’t want the menu to look like this. I wonder whether it would be possible with a CSS code or a file modification to achieve what I want.

    Regards,
    Bruno

    Hi
    The links to my mockups were in the private content. Maybe the have gone lost in cyberspace, so I added them here again (private content).

    It seems that my last sentence was not clear: I no longer request to avoid the hamburger button. (I still don’t like it, but if the mobile user is happy with it, it’s okay.). However, I insist that the slider does not hide the entire screen (and the hamburger button sits on the right hand side of the header). I hoped this could be done with just a CSS modification.
    Thanks for pointing me to these plugins. I’ll give them a try.

    Regards,
    Bruno

    in reply to: Child theme – basic questions #575884

    Hi Yigit

    thanks for the ultrafast reply!
    I also appreciate your creating tutorials (I assume this should also help you with redundant questions).
    For future reference I’m also trying to create my own database with codes and resources I come across browsing the support forum.

    Cheers,

    Bruno

    Hey

    thanks for your comments.
    Meanwhile I created a mockup of the desktop as well as of the envisioned mobile version.

    1) The desktop version should show a vertical menu on the left side, with the same design as the dummy from the Flashlight demo.

    2) The mobile (responsible) version should show a vertical menu sliding in from the right edge (including 3 menu levels). The slider should not hide the entire screen, but only have the width needed to accommodate the menu.

    Can both be done in Enfold?

    (I gave in as far as my request to avoid the hamburger button is concerned. I still don’t like it, but if the mobile user is happy with it, it’s okay.

    Thanks,
    Bruno

    ich meine, sowas irgendwo gelesen zu haben – allerdings keine Ahnung, ob bei Kriesi oder bei WooCommerce.
    Jedenfalls denke ich nicht, dass die Support Leute die Dringlichkeit einer Anfrage aufgrund der Anzahl Nachfragen beurteilen (können), Im Zweifelsfall hilft vermutlich Geduld genauso. Aber: nicht Genaues weiss man nicht – genau wie bei Problemen mit der Software.
    Ich erhielt bisher immer eine Antwort – mal früher, mal später – mal effektive Vorschläge, mal weniger.

    jedesmal, wenn Du noch einen Hilfeschrei anhängst, reiht sich die Anfrage wieder am Ende der Warteschlange ein – und Deutsch können meines Wissens nur Einzelne – es scheint, dass diese am Wochenende auch mal frei haben …

    “Private Content” heisst so, weil diese Inhalte nicht öffentlich sind, sondern nur vom Support-Team eingesehen werden können.
    Will heissen: ich hab keine Login-Daten von Dir.

    Private Content (link to your website, login credentials, FTP credentials, etc – only visible for moderators)

    wie gesagt: mehr weiss ich nicht, bin auch bloss ein geplagter User …
    (“Flashlight” ist ein anderes WP theme von Kriesi).

    ich habe mich heute den ganzen Nachmittag lang mit diesem Problem herumgeschlagen.
    Hab für mich mal eine funktionierende Lösung gefunden.
    In einer “Flashlight” Homepage funktioniert’s mit “Beitragsname” und “Benutzerdefinierte Basis galerie-3”.
    Mehr kann ich im Moment leider nicht beitragen.

    Viel Erfolg

    Bruno

    Hallo Nic

    vermutlich liegt das an den Permalinks.
    Versuch mal verschiedene Kombinationen [Einstellungen/Permalinks]
    z.B. Gebräuchliche Einstellungen = Einfach / Basis-Permalink Produkte = Standard (einfach probieren bis etwas funktioniert).
    Speichern nicht vergessen ;-)
    Es kann sein, dass nach dem Speichern eine Einstellung wieder funktioniert, die zuvor nicht funktioniert hat.

    Hoffentlich hilft’s

    Bruno

    .

    Hi Yigit

    It seems that I missed the boat.
    I have just noticed that the “Enfold shop demo” addresses part of my question.

    The only thing I hate about it is that the side menu hides the entire screen of a mobile device.
    Is there a workaround in Enfold?
    See: https://s.codepen.io/lukejacksonn/fullembedgrid/PwmwWV?type=embed&animations=run# (I would replace the number with text “more”).

    Best regards,
    Bruno

    more examples: https://css-tricks.com/the-priority-navigation-pattern/

    • This reply was modified 6 months ago by  bruwa.
    • This reply was modified 6 months ago by  bruwa.
    • This reply was modified 6 months ago by  bruwa.

    Hi Andy

    – I’m not sure what you mean by “I think it could be possible”? Are you confirming it is possible or does it just mean “maybe” (i.e. purchase and find out yourself)? Does anybody else know for sure?
    – all these demos use the hamburger button – the one thing I explicitly said I did not want to use – I’m disappointed.

    Any other suggestions?

    Regards,
    Bruno

    in reply to: URL of an active Enfold site? #571453

    Hi Yigit

    thanks a lot.
    I was not aware of this page.

    Cheers,
    Bruno

    in reply to: WP 4.4: Flexible Masonry Gallery distorted #553521

    Rikard,
    thanks for the quick reply
    The fix works!

    Bruno

    in reply to: WP 4.4: Flexible Masonry Gallery distorted #552869

    Hi Rikard
    yes, as I wrote: I had to reinstall the previous WP version (4.3.) , because the images looked so awkward.
    That’s also the reason why I made the screenshots, to show you how awkward it looked.
    At the same time I sent you the link to the (rolled back) version to show you how it should look like in WP 4.4.

    Now I reinstalled WP 4.4. and hope it wont be too long until you can have a look and tell me either how to fix the issue or to roll back to WP 4.3 in the meantime.

    Thanks,
    Bruno

    PS
    I temporarily disabled my custom.css file – no change of the issue

    in reply to: flexible mansonry gallery title #548799

    Hi Yigit

    perfect!
    Thanks a lot

    Bruno

    in reply to: flexible mansonry gallery title #548726

    Hey!
    that was lightning fast.
    Please see the link in the private content.

    Cheers,
    Bruno

    in reply to: Remove/edit image copyright information #548308

    Hi Yigit

    this successfully removed the double “Copyright” text.
    Good to know in which file the code is located,

    Thanks,
    Bruno

    Hey!

    BINGO!

    Thanks,
    Bruno

    Hey!
    thanks – we’re getting closer: the suggested code eliminates the text , but leaves the empty box.
    Any suggestion on how to eliminate the box?

    Cheers,
    Bruno

Viewing 30 posts - 1 through 30 (of 139 total)