Project

General

Profile

Actions

Bug #2145

closed

Help with Oxygen Theme Slider

Added by Chris Caruso over 11 years ago. Updated over 11 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Dominic Giglio
Category name:
WordPress (misc)
Target version:
Start date:
2012-09-26
Due date:
% Done:

100%

Estimated time:
Deployment actions:

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

oxygen-slider-1.png (294 KB) oxygen-slider-1.png Dominic Giglio, 2012-09-30 12:28 AM
oxygen-slider-2.png (382 KB) oxygen-slider-2.png Dominic Giglio, 2012-09-30 12:28 AM
Actions #1

Updated by Matt Gold over 11 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
Actions #2

Updated by Boone Gorges over 11 years ago

  • Assignee changed from Boone Gorges to Dominic Giglio

Dom, could you have a look please?

Actions #3

Updated by Keith Miyake over 11 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

Actions #4

Updated by Dominic Giglio over 11 years ago

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.

Actions #5

Updated by Boone Gorges over 11 years ago

  • Target version changed from 1.4.6 to 1.4.7
Actions #6

Updated by Chris Caruso over 11 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

Actions #7

Updated by Dominic Giglio over 11 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.

Actions #8

Updated by Chris Caruso over 11 years ago

Yes, that would be great.

Thanks again,

Chris

Actions #9

Updated by Dominic Giglio over 11 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).

Actions #10

Updated by Chris Caruso over 11 years ago

Brilliant! Thanks again for your help Dominic. We are all set.

Actions #11

Updated by Dominic Giglio over 11 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.

Actions

Also available in: Atom PDF