|
fluidbreath
|
August 23, 2018 at 4:09 pm
Hi there,
We have a license for EE on this site:
https://puravidaecoretreat.com/
I got the iframe code from the bottom of the events page:
<div style=”width: 100%; height: 500px;”><iframe class=”overflow-option” src=”https://puravidaecoretreat.com?event_list=iframe” width=”100%” height=”100%”></iframe></div>
And embedded it here on our sister site:
https://sacredspringsretreat.com/retreats/
A couple things:
1) I want to take the overflow from that box and make it all visible instead of having a scrolling box. I tried adding a class to the iframe:
.overflow-option {
overflow: visible;
}
But that didn’t work. Can you tell me how to make the content all visible?
2) If you look at the page where the embed code is placed on a mobile device:
https://sacredspringsretreat.com/retreats/
It looks AWFUL!
It’s basically useless on mobile which means we are probably losing HALF of people who come to the page. Can you fix this or show me how to fix it?
Thanks,
Geej
|
|
Josh
|
August 25, 2018 at 9:01 am
Hi Geej,
The first thing you’ll need to do is fix the WordPress theme on the sacredspringsretreat.com site, it too doesn’t show images well on mobile. You can add the following CSS to that site’s Additional CSS panel in the theme Customizer:
img {
max-width: 100%;
height: auto
}
Then also remove this:
.overflow-option {
overflow: visible;
}
because that’s not helping.
Then, increase the height value for the div that wraps the iframe, e.g. :
<div style="width: 100%; height: 12000px;"><iframe src="https://puravidaecoretreat.com?event_list=iframe" width=”100%" height="100%"></iframe>
</div>
or, you could try this as an alternative:
<div style="width:100%; height: 12000px;"><iframe src="https://puravidaecoretreat.com/retreats/#content" width="100%" height="100%"></iframe>
</div>
|
|
fluidbreath
|
August 26, 2018 at 10:28 am
Hi Josh,
Thanks for that! Now it’s looking better.
BUT, when it’s viewed on mobile you cannot see the descriptions, all the text runs off the right side of the screen and you can’t read it.
Can you check it on mobile?
In my theme I have a way that I can hide rows on mobile and desktop so theoretically I could create 2 different rows – one for mobile and one for desktop where I could create 2 different sets of iframe codes.
Let me know, thanks for your help!
Geej
|
|
Josh
|
August 27, 2018 at 7:25 am
Can you try that last iframe snippet instead?
|
|
fluidbreath
|
August 27, 2018 at 9:12 am
I tried that but now it brings in the menu from the other site which I do not want. The descriptions still run out the edge of the frame on a mobile device and you can’t see them.
Geej
|
|
Josh
|
August 27, 2018 at 6:28 pm
There’s a lot from using an iframe that you will not want. Since the other site is also a WP site, you’re going to have a better time by using a shortcode instead.
You can display the events from the other site, with a shortcode, by following these steps:
1) Install this plugin on sacredspringsretreat.com:
https://github.com/eventespresso/ee-code-snippet-library/blob/master/shortcodes/jf_other_site_event_list.php
(copy the file into the wp-content/plugins folder)
2) Activate the plugin
3) Add this shortcode to the page on sacredspringsretreat.com:
[other_site_event_list url=https://puravidaecoretreat.com]
|
|
fluidbreath
|
August 28, 2018 at 2:18 pm
Hi Josh,
This is not working.
I copied and pasted the code (there was no file in the link to GitHub that you gave me) into a text file and then renamed it: jf_other_site_event_list.php
I then uploaded the file to the wp-content/plugins folder.
I placed the shortcode on the page and nothing is happening – I just see the shortcode.
Can you please get back to me ASAP so we can get this resolved?
Thanks,
Geej
|
|
fluidbreath
|
August 28, 2018 at 2:24 pm
Hi Josh,
I found the file on GitHub and uploaded it to the plugins folder and placed the shortcode on the page but nothing is happening, it’s not working I just get the shortcode: https://sacredspringsretreat.com/retreats/
Can please get back to me ASAP so we can get this resolved?
Thanks,
Geej
|
|
Josh
|
August 28, 2018 at 3:21 pm
May I ask did you activate the plugin after installing the file?
|
|
fluidbreath
|
August 29, 2018 at 8:33 am
The “plugin” is not listed in the plugins in the Dashboard.
Please Josh, can you PLEASE give me MORE specific instructions on how this works!!
It would be so much more useful to me if, instead of sending me a bunch of code that you do more work on your end to make sure your customer (that’s me) has everything they need to make this work.
What I suggest is to send me a zip file that is the “plugin” so that I can easily install the “plugin” the way end users usually install plugins.
Now I need to wait 24 hours AGAIN before I can get my client up and running.
I am VERY disappointed with the level of support I an receiving. I am a web designer with a VERY large network of clients who I could recommend your plugin to but I will not be doing that in the future.
Please be very specific this time, let’s get this resolved ASAP.
Thank you,
Geej
|
|
Josh
|
August 29, 2018 at 8:41 am
Hi Geej,
I can put the file in a folder, zip it, and upload it somewhere and have that for you in a few minutes.
May I ask though, why do you think you need to wait 24 hours? I replied to prior last update within the hour.
|
|
Josh
|
August 29, 2018 at 9:00 am
Direct download link follows:
https://www.dropbox.com/s/pr97dwwh493ckzi/ee-rest-api-shortcode.zip?dl=0
To download, click the above link, then the Download button, then the Direct Download button. Your computer will prompt you to save the file to a location. You’ll save it to a location you can find later.
Then, you’ll follow this step by step guide:
https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/
Install a Plugin using the WordPress Admin Plugin Upload
|
|
fluidbreath
|
August 30, 2018 at 6:53 am
Hi Josh,
I have installed the plugin and it’s working good now, thanks.
Geej
|
