Announcement

Collapse
No announcement yet.

Image Across Component Needs Popup Modal Capabilities

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Image Across Component Needs Popup Modal Capabilities

    Customer has a real need to be able to easily create and rearrange an photo gallery. The Image Across Component would be fantastic if it had the ability to link to a popup. Instead, a lengthly how-to will need to be written so that the code can be edited...
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    I'm thinking we are going to need a forum just for these types of questions. I downloaded the mmx-image-across Image Across Flex Component file. So not knowing what I don't know I started peeking into the files. It looks like I need the mmx-hero Hero Flex Component file too. But again, not knowing what I don't know. Is there any way to add the data-lightbox="photos" or even just get the image to open in a new window right now?

    On this page I have both - a Bootstrap Lightbox and the Image Across Flex Components. If you click around you will figure out which is which. Using the Image Across Flex Component is amazingly fast and easy to create this photo gallery. Is it ALMOST exactly what the store owner wants. IF it had the Lightbox module this would be golden.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      You will need to download the component file, extract it make the necessary changes to the instance template (HTML) and add the Lightbox JS to get it to display how you want it.
      Brennan Heyde
      VP Product
      Miva, Inc.
      [email protected]
      https://www.miva.com

      Comment


        #4
        Originally posted by Brennan View Post
        You will need to download the component file, extract it make the necessary changes to the instance template (HTML) and add the Lightbox JS to get it to display how you want it.
        I understand downloading the component file (I've done that). I do not understand where to put the changes and what if the Template Page already has the Lightbox JS?

        Leslie Kirk
        Miva Certified Developer
        Miva Merchant Specialist since 1997
        Previously of Webs Your Way
        (aka Leslie Nord leslienord)

        Email me: [email protected]
        www.lesliekirk.com

        Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

        Comment


          #5
          In the Lightbox script I'm using is requires that data-lightbox="photos" be added to the a tag. The only location I have found for rendering the a tag is in the MMX / HERO scripts.js file. I added it to the

          Code:
          render() {
          return /*html*/`
          <a
          It shows up in the generated code but doesn't trigger the Lightbox (which does work for the hardcoded images on the page).
          Leslie Kirk
          Miva Certified Developer
          Miva Merchant Specialist since 1997
          Previously of Webs Your Way
          (aka Leslie Nord leslienord)

          Email me: [email protected]
          www.lesliekirk.com

          Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

          Comment

          Working...
          X