Jump to content

Archived

This topic is now archived and is closed to further replies.

mistrmint

Popup for Masthead Action Button

Recommended Posts

mistrmint+    3
mistrmint

I need to create a popup when clicking the masthead action button.

 

Instead of linking to page, I need a popup for the page. Any ideas?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

What have you done so far to test this? With what results?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

I would like to use the pl_modal but don't know how to actually link the popup to a page.

 

Example: When clicking on masthead action button instead of re-directing to the page I would like a popup to appear of the page content.

 

I have tried various popup plugins but the shortcodes used in masthead meta don't work with pagelines.

 

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

I suspect this won't work.  However, you have an option.

 

My suggestion would be to use the Textbox, and style your elements within it. I know the modal code works within the Textbox. All you have to do is use H# tags for your text and it should look like the Masthead.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

Thks, will try.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Great.  Keep us posted.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

Rob, sorry to bother, know your lank busy with the new update, but don't understand the "Use H# tags for your text" your talking about.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Oh, sorry. Let me clarify.

To make the title part (big text) in the Textbox to look like the one in Masthead, you can do this:

<h1>Title Text</h1>
<h2>sub-text</h2>

Alternatively, you can be more specific, by doing something like this:

<div class="my-mh1">TITLE</div>
<div class="my-mh2">sub-title</div>

You can then make some CSS for each. 
Like...
.my-mh1 {font-size: 9.5em;
color: navy;
font-weight: 600;
}
.my-mh2 {font-size: 2.5em;
color: green;
font-weight: 500;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

Wicked, with u now, so basically design a little sub html page within textbox :)

Share this post


Link to post
Share on other sites
Rob    547
Rob

Exactly!  :)


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

Eventually got round to doing the textbox.

 

I now need the link to the "About Us" page to display in pl_modal instead of re-directing to the actual page.

 

i.e. I need a popup to display the "About Us" page.

 

I have no idea how to accomplish this.

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

WooHoo, got it right. Didn't use pl_modal but Easy Fancybox plugin via the text box. Had to add class="fancybox-iframe" to the link.

 

NOW, last but not least, I need the same thing for the Flipper Section. I am displaying the featured posts via Flipper but need a popup when I click view.

 

Any ideas?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

When you click View on Flipper it takes you to the post, so why do you want it to popup ?

Also, in-order to add a custom class to Flipper, you're going to need to create a child section, you can do this by following these instructions - http://docs.pagelines.com/advanced/override-sections

 

Then you will need to edit the section.php file to add your custom class.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

The client wants to display the post as a popup.

 

Got the base child theme.

 

Will try, no idea how to but will give it a bash :)

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

Noob question, How do I add the custom class? What class?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

you will add the fancybox class you mentioned above.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

css or php?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

That is HTML not CSS or PHP. If you wish to add a class to Flipper you need to locate the View link and add the class. However, what you're trying to do i.e. load a post from Flipper via a popup isn't as simple as adding a class.

It may actually require a lot of custom code, if you're not comfortable in doing this, I recommend you use one of the contacts on our resource page - http://docs.pagelines.com/resources


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
mistrmint+    3
mistrmint

Hi Danny, thks, I was being stupid. Got it done, works like a dream :)

Share this post


Link to post
Share on other sites

  • Similar Content

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
      I only just realised that the Heroes set a H1, as does the Masthead.
      Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
      I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
       
      page for reference is https://www.avangocouriers.co.uk
      Thanks,
      Stu
    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      I need a shortcode activate a popup windows with contact form. It is possible without code?
      Link: https://www.udf.org.br/lancamentos/curso-mulher-que-prospera/
      Button: FAÇA SUA INSCRIÇÃO.
      Tks
    • JawDesigns
      By JawDesigns
      Hi everyone,
      When you click an image on grandstand it opens the image at the top with a small close icon. The image does not fit as well as I had hoped. I think it will require quite a bit of CSS to make it look as I wanted. Therefore, I think the easier approach for me is to disable it from do this. Is there a way to disable this when clicking on an image in grandstand so that nothing happens?
      Kind regards,
      James
    • bjs198
      By bjs198
      Hey there,
       
      I use quite a few templates to handle the look and feel of many many pages on a site and then populate the templated pages with a wp-content loop. However a client has asked that I effectively place a DMS2 Masthead at the top of each page as they prefer the styling of the title & tagline to the standard in WP. Obviously I can't do this when using templates as the Masthead would just replicate over all the associated templated pages, so could you please tell me if it's possible to recreate the title and tagline styling of the Masthead using HTML rather than CSS in the text view of the wp-content editor? I did inspect the HTML/CSS but came up fruitless...
       
      Hope that makes some kind of sense, and please excuse my coding ignorance :)
       
      Best
       
      Barney
    • knasen81
      By knasen81
      Hi! I want to link a button in the musthead så that when clicked it send the visitor to a lower position/place in the same page. It is clear how you can type a link in a button så that the person sends to another page, but how do you send them to a lower place in the same page?
       
       
×