Bug #2145
closedHelp with Oxygen Theme Slider
100%
Description
Hi,
We are working to implement the Featured Content Slider in the Oxygen Theme on this site:
http://urbaneducation.commons.gc.cuny.edu/
We have followed the online documentation, which includes setting a Featured image of at least 750 pixels and assigning Posts to the 'Featured' Location. However instead of the expected behavior of the slider, the featured images stack on the front page.
Can you help us with this problem?
Thanks,
Chris Caruso
for the Program Social Media Fellows
Files
Updated by Matt Gold about 12 years ago
- Category name set to WordPress (misc)
- Status changed from New to Assigned
- Assignee set to Boone Gorges
- Target version set to 1.4.6
- Severity set to Normal
Updated by Boone Gorges about 12 years ago
- Assignee changed from Boone Gorges to Dominic Giglio
Dom, could you have a look please?
Updated by Keith Miyake about 12 years ago
FYI the theme uses the jquery cycle plugin (and an outdated version at that) to handle its slider. When I was trying to get this theme configured for one of the sites I maintain I found that it was conflicting with some other plugins (can't recall which off the top of my head). Judging by the prognosis of posts stacking on top of each other then I'd bet that there is a javascript/jquery error and the cycle jquery isn't running. The theme ships with a very old version of the jquery imagesloaded plugin and a slightly outdated version of the cycle plugin. It's possible that somewhere the site is loading a newer version of jquery and it's conflicting with one of the outdated jquery libraries. One possible fix would be to include newer versions of the jquery libraries in the theme's /js/ directory, or to just hack the theme's functions.php to enqueue the libraries from google/github:
http://malsup.github.com/jquery.cycle.lite.js
http://malsup.github.com/jquery.cycle.all.js
http://desandro.github.com/imagesloaded/jquery.imagesloaded.min.js
http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js
Updated by Dominic Giglio about 12 years ago
- File oxygen-slider-1.png oxygen-slider-1.png added
- File oxygen-slider-2.png oxygen-slider-2.png added
Chris,
This was a tough one because I don't have access to view the Urban Education site on the Commons and I couldn't get to the theme's docs because I am not a DevPress subscriber, but I think I've figured it out - here's what I did:
1.) I started by creating a site on my local dev machine called urbaneducation.cac.dev (cac.dev is my local testing domain).
2.) Added and enabled the Oxygen theme for my new site
3.) Created two posts (Hello World! and Hello Universe!)
4.) Added a featured image (750 X 250 pixels) to each post
5.) Added each post to the "Featured" location. This is done in the last metabox on the post edit page
According to your description, I believe this is where you hit a wall...
6.) I created a new WordPress Page (called Front - doesn't matter, can be named pretty much anything) and set its template to "Front Page." You can choose a page's template from the "Page Attributes" metabox in the right hand sidebar when creating/editing a page. (if you have trouble with this just let me know)
7.) Once the "Front" page has been created - hover over the "Settings" menu in the WordPress fly-out menu running down the left side of your screen and click on "Reading." The first section of options is titled "Front page displays," click the radio button for using a static page and in the first dropdown menu (titled "Front page:") select the name of the page created in the last step (for me it was Front).
Reload your home page and either write back here telling me how awesome I am, or to curse me for wasting your time. :-)
I've also attached two screenshots showing what the home page of my local test site looks like. Please keep in mind that my local test site is a very basic setup (no menus, widgets, etc), so it probably wont look anything like your site.
Updated by Boone Gorges about 12 years ago
- Target version changed from 1.4.6 to 1.4.7
Updated by Chris Caruso about 12 years ago
Thanks to Dominic and Keith for your help with this.
Dominic, we did also follow your steps 6 and 7, so that doesn't seem to be it. (We still think you are awesome, though.) I've added you as an admin on the site, in case you have any other ideas to help us out.
Another thought is that DevPress, the Oxygen theme designers, have their own Sliders plugin: http://devpress.com/plugins/sliders/ Perhaps this would solve the problem? I don't know.
We have three sites total with the Program Social Media Fellows who are trying to use the Oxygen theme to build community sites for their PhD programs. So, if we can get it to work, that would be a big help. But if it seems not possible, we can wave folks off and start working with other themes.
Thanks again,
Chris
Updated by Dominic Giglio about 12 years ago
Chris,
I've accepted the invitation (graciously) and confirmed that I can login as an admin.
To be clear, have you granted me this access so I can attempt to replicate what I did locally on the live site? I am more than happy to do this, but I don't want to start clicking around until you give me the go-ahead.
Updated by Chris Caruso about 12 years ago
Yes, that would be great.
Thanks again,
Chris
Updated by Dominic Giglio about 12 years ago
You are correct, you setup everything just as I explained.
However, your efforts were being thwarted by the WP Google Calendar plugin. I assume it was loading a conflicting version of jQuery before the theme could load it's required version. I've left it deactivated for now, as I didn't see it being used anywhere.
Your home page is now sliding! I suggest choosing images that conform to the suggested dimensions: 750 x 250 px. Otherwise they do not "fit" into the slider. Although I understand that the posts currently on the site are just test posts to help get everything working.
Let me know if you can live without the Google Calendar widget or if you need help finding a replacement plugin. I am leaving this issue open for the time being, until we can confirm that you are all set (as far as this issue is concerned).
Updated by Chris Caruso about 12 years ago
Brilliant! Thanks again for your help Dominic. We are all set.
Updated by Dominic Giglio about 12 years ago
- Status changed from Assigned to Resolved
- % Done changed from 0 to 100
You're welcome, I'm glad it's all working now.