New Landing › How can we help? › Atelier › Mega Menu Image Column

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Atelier
  • November 20, 2016 at 3:06 pm #302645
    OllieOdy86
    Member
    Post count: 18

    Hi,

    I’m currently putting together a site & have created a mega menu within the /shop/ menu section.

    From your documentation (http://swiftideas.com/documentation/2014/05/10/menus/) how do you go about applying an additional ‘custom image column’ which shows an image – like in your example: http://swiftideas.com/documentation/wp-content/uploads/sites/2/2014/05/mega-menu-customhtml-1024×354.png (my images would be square)

    Secondly can the mega-menu be setup so that the image changes based on which menu item is being hovered over? – in my mockup example I’m hovering over the ‘shop by room > bedroom’ but wouldn’t want this image shown when hovering over ie. ‘shop by room > kitchen & dining’.

    Many thanks in advance.

    Attachments:
    You must be logged in to view attached files.
    November 21, 2016 at 4:27 pm #302785
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    You just have to place the html for the image inside the custom html field.
    example:

    <a href="/products/"><img src="http://www.yoursite.com/wp-content/uploads/2016/04/image.png width="300" height="230" /></a>
<h5 style="text-align: center;"><a href="/products/" target="_blank">Products</a></h5>

    To change the image based on the menu item only customizing the code, that functionality doesn’t exist by default.

    -Rui

    November 21, 2016 at 4:49 pm #302790
    OllieOdy86
    Member
    Post count: 18

    Thank you for your help, all sorted.

    November 21, 2016 at 5:00 pm #302794
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great.No problem 🙂

    -Rui

  • Back to forum
    Posted in: Atelier
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.