Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1294934
    [email protected]
    Participant

    Hello,

    I have 3 payment options on my site, and created a block grid for each one. Each option is represented by an image, which I’ve linked to the payment gateway. The problem is, while the code has 3 separate links, in the live version of the page all 3 images link to the same place.

    Here is the code I used for the blockgrid:

    [block_grid type=”three-up”]
    [block_grid_item] [x_image type=”none” float=”none” src=”/wp-content/uploads/2016/12/papirmass-1month.png” alt=”1 Month of Papirmass Art Subscription” link=”true” href=”https://papirmass.chargebee.com/hosted_pages/plans/papirmass-monthly-art-subscription” info=”none” info_place=”top” info_trigger=”hover”][/block_grid_item]
    [block_grid_item][x_image type=”none” float=”none” src=”/wp-content/uploads/2016/12/papirmass-3months.png” alt=”3 Months of Papirmass Art Subscription” link=”true” href=”https://papirmass.chargebee.com/hosted_pages/plans/papirmass-quarterly-art-subscription” info=”none” info_place=”top” info_trigger=”hover”][/block_grid_item]
    [block_grid_item] [x_image type=”none” float=”none” src=”/wp-content/uploads/2016/12/papirmass-12months.png” alt=”1 Year of Papirmass Art Subscription” link=”true” href=”https://papirmass.chargebee.com/hosted_pages/plans/papirmass-annual-art-subscription” info=”none” info_place=”top” info_trigger=”hover”][/block_grid]

    How can I get each image to link to the correct URL?

    The page in question is http://www.papirmass.com/?page_id=20141

    #1295172
    Lely
    Moderator

    Hi There,

    The page URL you have shared is page not found when I checked.
    I did try your shortcode above on my test site and saw the issue. After thorough checking, I found that it is because you’re missing the last block grid item closing. Please update the code to this:

    [block_grid type="three-up"]
    [block_grid_item] [x_image type="none" float="none" src="/wp-content/uploads/2016/12/papirmass-1month.png" alt="1 Month of Papirmass Art Subscription" link="true" href="https://papirmass.chargebee.com/hosted_pages/plans/papirmass-monthly-art-subscription" info="none" info_place="top" info_trigger="hover"][/block_grid_item]
    [block_grid_item][x_image type="none" float="none" src="/wp-content/uploads/2016/12/papirmass-3months.png" alt="3 Months of Papirmass Art Subscription" link="true" href="https://papirmass.chargebee.com/hosted_pages/plans/papirmass-quarterly-art-subscription" info="none" info_place="top" info_trigger="hover"][/block_grid_item]
    [block_grid_item] [x_image type="none" float="none" src="/wp-content/uploads/2016/12/papirmass-12months.png" alt="1 Year of Papirmass Art Subscription" link="true" href="https://papirmass.chargebee.com/hosted_pages/plans/papirmass-annual-art-subscription" info="none" info_place="top" info_trigger="hover"][/block_grid_item][/block_grid]

    At the end of your shortcode, I have added [/block_grid_item] right before this [/block_grid]. It will now work after that.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1294934 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>