Wordpress: How to turn page content into a popup - wordpress

I really appreciate your generosity in taking the time to help me out!
I am working on a portfolio site to showcase my graphic work on wordpress.
For most themes, when you click on a list item on the portfolio it directs you to a new page dedicated to that item. I want it to be that when you click on the link, a big popup (about half the screen) comes up that displays the contents.
Is there a way to make the page content into a popup? Is there a plugin I can use for this?
You can see what I am looking for in this site:http://www.mikekus.com/
When you click on the link for each item, it doesn't redirect you to a new page. A popup comes up with the page information. How can I do that on wordpress?
Thank you in advance for your assistance!

Here is what that site is running on: Dunked.
There are quite a few options out there for this, especially in the WordPress plugin area. One fairly barebones looking one is WP Post Popup which, as the name implies, turns your posts into modal pop-up's instead of a new page.
Not sure if there is anything out of the box that is comparable to popping up on the side like the page you linked. With some CSS work though you could probably make the one I linked above, or any of them for that matter, look as you would like.
If you want to try and make something on your own, I would recommend doing some reading up on modal windows.

Related

New Woocommerce Page on Wordpress site is not appearing unless it lives under a Parent Page. (newbie)

I am trying to create a page on my website www.mercywellmarket.com/breadoflife that would display a selected category of products. I created the page Bread of Life Homeschoolers, and it only does what I want if it is under a Parent page. (www.mercywellmarket.com/shop-2/breadoflife) I would prefer not to share that link with my customers, but instead the /breadoflife. Also trying to figure out if there is a redirect workaround to this?
One other temporary solution I have working now is a "Shop this Category" widget (?) on my homepage that does the action I want. But ideally, I would like just share www.mercywellmarket.com/breadoflife.
I feel like I'm close, but just not sure what I'm doing...if that doesn't already show haha.
Thank you in advance!
Taryn
current/temporary solution
I made sure the BOL page is also appearing in the menu, but it has no action. What am I missing?

Wordpress how to link a page to blog content

This may seem novice, but I assure its not.
So, I have a site, which displays blog posts by date from new backwards.
Standard stuff. However, what I'm trying to do is create a temporary homepage, lets call it 'yogo'. It displays some ad, or image, with a button link.
What I'd like is a direct link to the actual blog feed which displays in a given theme site's frontpage. Is it just a block?
When Im in Appearance->Reading, I can change homepage to 'yogo' fine. But, say a visitor is on 'yogo', and I want a button they click on to link to what would be the original theme frontpage with blog content, it should technically be 'Home' but is that coded somewhere through the wordpress software like the Reading mentioned above.
Maybe Im missing something, should I shut off permalinks, and dig for it in actual page extension?
Im trying to avoid using Guten. or Elem. to build out a blog page.
Any advice, thanks in advance.
Once add your code in front-page.php or home.php you can use get_the_permalink() function to get the blog page URL and will pass in "a" HTML tag like this -
Your Blog Name
Might be it can help you.
Just a quick update. actually solved this.. In simple terms, it is possible to do this really quickly through the Wpress UI. From your backend, these are the steps in the following order:
(firstly. shout out 2 user 'mirchev' because if u didn't point out templates I would of been way off. actually after about an hour of research after that) So it all takes place in Setting->Reading. From what I've read, Wpress started off as a blog based system anyways, so it was solved a long time back. Basically to start, 1. Create 2 pages, no need to add any content as long as they are 'new' and you make note of the names.
2. Also important -in the template area to the right panel when the new page editor loads up (you don't need to add any texts, images or whatever, including the area on the right just make sure "default template" is selected. 3. Afterwards, these 2 pages are 2 be used in the Setting->reading section.
What you want to do is when you enter this setting of your Wpress site, instead of having your "homepage" radio button be "latest posts" set it to 'static page,' and 4. important - select 1 of the 2 new pages you created as the static page. 5. Now, also important, for the posts page, select the 2nd of the 2 new pages you created. 6. Once this is done, what happens is your website loads the static page, which you may customize however, and then you can go into your Appearance->menus and add the appropriate link to the 2nd of the 2 new pages you created to load the blog, or link to it whichever way you choose. More often than not a menu item should appear if that is the setting you customized.
..And that is all. if fact I was very surprised just how smooth it was.
good luck ! ..--'''~~**
Separation!

Close pop-up window when scrolling

My situation is the following:
I have a WordPress eCommerce website with several products on it. On the product pages, obiously there are pictures of the product. When you select the picture, it opens a pop-up screen with an enlarged version of the product picture.
Recently I have noticed that, when people open the product image pop-up on a mobile device, they start scrolling. I assume this is because they expect the pop-up to close when scrolling.
All these functions (product page, product image pop-up) are created by WordPress plugin WooCommerce. The layout and style are created by my selected WordPress Theme. This means I have access to some funtions but changing things like JavaScript is not an easy thing to do.
So my question is:
Is there a way to add functionality to close the product image pop-up when scrolling on a mobile device?
Thanks in advance for any help, I would really appreciate it!
Yes it can be close easily.
You can do from your page builder option Like Elementor, WPBakery Page Builder or anything that are you use.
Secondly you can close it using JavaScript.
You can do from your Theme Option.
Thank you Hope it will Help you

Wordpress: Page over page (withour reloading)

I am building my own theme, and I want something advanced:
What i want is a page with links (already have that, now comes the tricky part). When you click on that link, i would like to have a "page" sliding over the "portfolio page (the page with links)" (not covering it compleatly, or with an exit button so you can close the overlay page, and just return on the protfolio page (without reloading if possible).
I need to put this overlay page in a custom post type.
I have been looking into pop-up widgets, but i don't think that will do the job.
Is there a plug-in for this?
Thank you very much for helping me out!
Something like these? You can alter them according to your needs
http://codepen.io/shubhra/full/JBChq/
http://tympanus.net/Blueprints/GridGallery/
http://tympanus.net/Development/3DGridEffect/

Trying to find a good plugin or a way to add counter//share buttons to posts(in search or category page or homepage)

I am trying to find a good (wp)plugin or a code to add social share/counter buttons under my posts.
I've tried many of them so far none of them had fb,twitter,google+,linkedin which worked properly.
The closes i had was a plugin that have everything aligned correctly, have all the buttons. but when you click on FB(which is the main one IMO) the window that opens being cut and you cant enter the share details.
I am trying to do something like: http://www.mindtickle.com/blog/
Have you tried AddThis service? I'm using that for my blog and I have no complaints.
It is very flexible since you can customize which buttons to show.
It also comes with analytics, so you can analyze visitor interactions, their shares,...

Resources