Replace Slider with Static Image?

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • April 10th, 2013 at 22:47 #5029
    Gabi

    Hi Gang!

    Does anyone have a clue on how to replace the slider image or portion with a static image on the presentation page?

    The reason is to have an image map on that static image.

     

    thanks,

    Gabi

     

    April 11th, 2013 at 13:47 #5044
    MihaiMun

    Hi Gabi!

    Go to “Presentation Page” in Mantra Settings :

    1. Enable Presentation Page
    2. @Slides selecte Custom Slides
    3. Delete the content of all 5 Slides
    4. Put the picture or content to 1 Slide

    Have fun!

     

    April 11th, 2013 at 17:20 #5067
    Gabi

    Mihai!

    Thanks a ton for your response! The question remain of where to place the code containing the image map info.

    Thanks a lot!

    Gabi

    April 16th, 2013 at 21:49 #5186
    Gabi

    Hi Gang!

    Any suggestion on this one on where should I tweak the code of a single slide image to make it as an image map? Thanks!

     

    Gabi

    April 18th, 2013 at 18:19 #5265
    Zed
    Cryout Creations mastermind

    You can only do that if you hardcode your HTML instead of the slider in the presentation page file – includes/theme-frontpage.php

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    April 18th, 2013 at 23:16 #5276
    Gabi

    Thanks a lot Zed!!

    I was able to add an image map but unfortunately the areas aren’t becoming links. I tried everything, using the id tag only (per HTML 5.0), and both (usemap and id). No change.

    Any idea what can be wrong? Do you mind taking a look at the code?

    Here’s the link: http://www.gabkits.com/hiswheels/

    thanks!

    Gabi

     

    April 19th, 2013 at 18:55 #5296
    Zed
    Cryout Creations mastermind

    I see you left the slider intact and you’re trying to use the map over the slider. This doesn’t work

    You need to remove (or comment out) the slider and replace it with the HTML for your image map.

    The slider starts with

    `if ($mantra_slideType != ‘Custom Slides’) { `

    and ends before

    `// Second FrontPage title`

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    April 22nd, 2013 at 19:20 #5356
    Gabi

    Thanks Zed –

    Sorry to bother you, but I commented out, even deleted the block of code you mentioned and I got a blank page instead. Can there possibly be  something in that chunk of code that need to stay there?

    Thanks!

    Gabster

     

     

    April 22nd, 2013 at 22:17 #5358
    Gabi

    Ah – nevermind –

    Fixed. I’ve been cutting more code than needed. Thanks so much for your help!!

    Gabi.

     

     

    April 24th, 2013 at 21:10 #5441
    Zed
    Cryout Creations mastermind

    I should let you know that the proper way to do this is via a child theme.

    Your child theme will need 3 files:

    • style.css (with the content documented in the WordPress tutorial)
    • functions.php with the content below:

    `<?php
    require_once(dirname(__FILE__) . “/theme-frontpage.php”);
    ?>`

    • and the modified theme-frontpage.php file copied over from mantra/includes/ to the root of  your child theme’s folder.

    This will make sure you will not lose your change at the next update.

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    April 25th, 2013 at 20:55 #5508
    Gabi

    Zed –

    Thank you! Yes, I should do that properly. Thanks for the help!

    Gabi

     

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Replace Slider with Static Image?’ is closed to new replies.