• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Amazon "Mobile Popover" on Genesis / Magazine Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Amazon "Mobile Popover" on Genesis / Magazine Pro

This topic is: not resolved

Tagged: amazon, genesis, Magazine Pro, Mobile Popover

  • This topic has 10 replies, 2 voices, and was last updated 2 years, 8 months ago by beggers.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 10, 2020 at 2:16 am #498589
    beggers
    Participant

    I frequently link to Amazon products in my content. But I recently learned about their "Mobile Popover" code that displays a small ad for about 10 seconds at the bottom of your mobile feed. This only works when you have at least on Amazon link on a post.

    The instructions are to put it right before the "/body" code. However, this isn't straightword with Genesis. I tried using Genesis Simple Hooks and also Header/Footer Scripts in the Customize area but neither one works (at least not on my Google Pixel).

    I must be overlooking something. Has anyone successfully integrated the Mobile Popover code? Thanks!

    Bryan

    https://moviedebuts.com/14873/norman-lear-judd-apatow-lewis-black-sebastian-maniscalco-more-join-george-carlin-tribute-event-in-support-of-national-comedy-center-may-12.html
    May 10, 2020 at 9:19 am #498590
    Anita
    Keymaster

    It's working just fine for me. I added it to the Header Box in Genesis Settings. I added a link to some content and when I scroll down past that link, the Amazon pops up at the bottom. Where in your content do you have a "word(s)" linked to actual Amazon products?


    Love coffee, chocolate and my Bella!

    May 10, 2020 at 2:35 pm #498602
    beggers
    Participant

    I just tried moving the code into the Genesis Header script box and it still doesn't work.

    This link has several Amazon links:

    https://moviedebuts.com/14873/norman-lear-judd-apatow-lewis-black-sebastian-maniscalco-more-join-george-carlin-tribute-event-in-support-of-national-comedy-center-may-12.html

    If you don't get a popover when you view that link then there must be something else wrong. Thanks for checking.

    May 11, 2020 at 1:40 am #498615
    beggers
    Participant

    Anita,

    You know what I was wondering? When I access my site with a smartphone, is the site really giving me a mobile feed or is the phone just reformatting the data to fit the phone? I don't see anything on the Genesis or the theme that specifically says "mobile feed". I wonder if the really the Amazon code isn't working is because I'm not supplying a real mobile feed?

    Bryan

    May 11, 2020 at 6:57 pm #498630
    Anita
    Keymaster

    @beggers can you point me to a link in the content where you have a product? You have to link words in the body of the content for the popover to work. And it will only pop over once you have scrolled past that link.


    Love coffee, chocolate and my Bella!

    May 11, 2020 at 8:29 pm #498632
    beggers
    Participant

    Yes, this link has Amazon links and never produces a popover:

    https://moviedebuts.com/14873/norman-lear-judd-apatow-lewis-black-sebastian-maniscalco-more-join-george-carlin-tribute-event-in-support-of-national-comedy-center-may-12.html

    Bryan

    May 11, 2020 at 8:35 pm #498633
    Anita
    Keymaster

    I see them in there. You have to scroll into the content but don't scroll really fast. I think because you have a lot of links, it may take a few seconds for it to create the pop over.


    Love coffee, chocolate and my Bella!

    May 11, 2020 at 8:39 pm #498634
    Anita
    Keymaster

    It's pulling the one for Judd Apatow and it puts a gold star next to the words Judd Apatow. Maybe it will only pick one.


    Love coffee, chocolate and my Bella!

    May 11, 2020 at 10:44 pm #498636
    beggers
    Participant

    I never see any popover on my site regardless of how fast or slow I scroll or if a site has 1 amazon link or 6. Nothing like you describe. This makes me think that my phone might be blocking it. Maybe it's a Chrome issue?

    Update! I tried it on Firefox and it works! So something about Chrome is blocking the popover. Thanks so much for your help!

    Bryan

    May 12, 2020 at 3:48 am #498646
    Anita
    Keymaster

    Just so you know, it doesn't pop over. It slides up from the bottom. Go to that page where Aptow is linked. Scroll slightly passed but leave the name in the window. You have to do it slowly as though you are reading the article. It will slide up from the bottom. Once Aptow goes out the viewing area, the ad slides back down but leaves a little arrow at the bottom.


    Love coffee, chocolate and my Bella!

    May 12, 2020 at 7:56 pm #498661
    beggers
    Participant

    Yes, now that I've switched mobile browsers I can see it working. However, I'm still faced with two major issues that are beyond the support this forum but I want to mention them in case anyone else thinks about implementing this code:

    1. If the default settings of the popular Chrome mobile browser are blocking this Amazon Popover code, then the code probably isn't worth installing. Why start out knowing that most people won't even see it?

    2. Although using a different browser like Firefox or Safari allows popovers to work, I tested about 30 articles containing Amazon links and only 3 of them displayed a popover. I think this means that the settings of the Amazon link have to meet a certain criteria or it won't create a popover. I'm going to study the few links that work and see if I can figure out a pattern.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble