Is there a way to add an extra class to the View content wrapper, which outputs as <div class="view-content">?
To make it clear: I use Semantic views to generate a nice UL for a slider, but I am not able to add a wrapper with the proper class name to trigger the Jquery.
For Drupal 7
The div with view-content class comes from views-view.tpl.php template file.
You can always override your view theme and adjust the class names, HTML etc..
Under Advanced section of view click on information at the bottom of the section next theme, you will see a list of template files including the top level template which is views-view.tpl.php.
You can find a lot of tutorials how to override views templates file but in general, it's all about copying the right file to your theme and rename it with the right template file.
You can take look at this tutorial how to do that
For Drupal 8
Views UI no longer provide suggestions, In order to get the same information you need to enable Twig debugging.
You can enable Twig Debugging in sites/default/services.yml.
Set the debug variable to true. And clear cache.
parameters:
twig.config:
debug: true
(If services.yml does not yet exist; copy default.services.yml and copy it to services.yml.)
Using your browser debugger, you will see the templates suggestion as HTML comments, just be sure your browser debugger is set to show HTML comments.
If your theme uses Classy as base theme (like Bartik does). (You can check this in your theme's .info.yml.)
Then copy /core/themes/classy/templates/views/views-view.html.twig
and paste it in your theme's /templates folder.
Now simply add new class here
{% if rows %}
<div class="view-content some-new-class">
{{ rows }}
</div>
{% elseif empty %}
If this question is for D7, then replace .html.twig with .tpl.php
Not sure if it's the best way to do this, but you can use the following code, with Drupal 7.
function MODULENAME_preprocess_views_view(&$vars) {
if ($vars['view']->name == 'VIEWNAME') {
$vars['rows'] = "<div class='wrapper-class'>" . $vars['rows'] . "</div>";
}
}
This will wrap contents just below the "view-content" class
