Hey @siehdiewelt,
To address your issues, I first want to note that you are using Tempera 1.2.2, and are you also using ASE 1.4.1?
1. It looks like you have not enabled theme support. You can add the code snippet below to your functions.php file, or add using the Code Snippets plugin to enable Extended Style Support. This will load one CSS file for any of the items that you include in the snippet below.
add_theme_support("aesop-component-styles", array("parallax", "image", "quote", "gallery", "content", "video", "audio", "collection", "chapter", "document", "character", "map", "timeline" ) );
2. Test with the above snippet and we can go from there.
Hey,
yes, we are using Tempera 1.2.2 and ASE 1.4.1.
I added your code with the Plugin Code Snippet and activated it, but no change: http://siehdiewelt.com/testbeitrag/
It doesn’t appear like you have enabled theme support.
Can you make sure the code snippet is activated?
Otherwise you could add this snippet to a child theme.
Seems there was a typo, now its activated.
The slide deck for the chapters is working now… but the chapters themselfs disappeared (there should be 2 chapter components in the post): http://siehdiewelt.com/testbeitrag/
When I view the source (http://www.html5rocks.com/en/tutorials/developertools/part1) there is a JS error that is showing a conflict with something else you are running on your site. See: http://recordit.co/nwK3WtKKwZ
Would you try deactivating plugins one by one to see which one might be causing this error?
Ok! I deactivated the plugin “Mobile ShareBar” and now the chapter images and headings are displayed beautifully! However, the chapters dont’t appear in the slide deck menu…
We noticed your theme has container named .entry-content so ASE is not picking up the headings.
You will need to filter aesop_chapter_scroll_container and then return .entry-content.
add_filter("aesop_chapter_scroll_container","mychaptercontainer");
function mychaptercontainer(){
return ".entry-content";
}
You can see some examples for filtering here: http://aesopstoryengine.com/developers/
Yes, I added that code into the code snippet plugin. Now it’s working, thanks!
Two more problems came up:
1. In the mobile version the chapter-slidedeck doesnt work correctly. (we use another theme for smartphones: Radcliffe (1.09) I simply won’t come out when you click on the symbol.
2. The item “Top” doesn’t really work. When I click on it, it jumps to the first chapter, not the actual top of the article.
Best
Markus
IT simply won’t come out when you click on the symbol. 🙂
If you’re switching themes on mobile then the class used to find the chapter headings sounds like its changing, hence breaking the chapter scroll. I’m not sure what to suggest in this case. Can I ask why the switching of themes on mobile? Is your site not responsible and able to accommodate mobile devices by default?
I had a similar problem with the main theme (Tempera) and Michael told me to put this into the plugin code snippet:
add_filter(“aesop_chapter_scroll_container”,”mychaptercontainer”);
function mychaptercontainer(){
return “.entry-content”;
}
After this it worked. Isn’t that also possible with the mobile theme? Code snippet should also apply there, no?
Tempera is responsive in theory, but we really like the look of Radcliffe on smartphones.
Yep that’s correct. You’ll need to find the class of the mobile entry container, then create another filter, but on this one, you’ll need to run under a conditional like wp_is_mobile() so that it only runs on mobile.
I believe (not sure though) the class in question is “post-content”. Could you give me the code including the condition?
I tried this and it crashed the page:
add_filter(“aesop_chapter_scroll_container”,”mychaptercontainer”);
function mychaptercontainer(){
return “.post-content”;
}
Sorry, I’m no pro!
