adding hardcoded dropdown menu images

using menu walker to add hardcoded images to the dropdown menus based on their selected classes

diff --git a/assets/Adventure-bike.jpg b/assets/Adventure-bike.jpg
new file mode 100755 (executable)
index 0000000..768f820
Binary files /dev/null and b/assets/Adventure-bike.jpg differ

diff --git a/assets/bond-falls.jpg b/assets/bond-falls.jpg
new file mode 100755 (executable)
index 0000000..9930028
Binary files /dev/null and b/assets/bond-falls.jpg differ

diff --git a/assets/food.jpg b/assets/food.jpg
new file mode 100755 (executable)
index 0000000..9e5aff1
Binary files /dev/null and b/assets/food.jpg differ

diff --git a/assets/pumpkins.jpg b/assets/pumpkins.jpg
new file mode 100755 (executable)
index 0000000..28d7d77
Binary files /dev/null and b/assets/pumpkins.jpg differ

diff --git a/lib/menu-walker.php b/lib/menu-walker.php
index 5da617d..bd0a292 100644 (file)
--- a/lib/menu-walker.php
+++ b/lib/menu-walker.php
@@ -22,22 +22,27 @@ class Glm_Theme_Top_Bar_Walker extends Walker_Nav_Menu {
 
         // Insert style to display page's thumbnail
         $item_style = '';
-        if ( $depth !== 0 && has_post_thumbnail( (int)$object->object_id ) ) {
-            $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( (int)$object->object_id ), 'large' );
-            
-            $item_style .= "<style>
-            #menu-item-".$object->ID.":before { 
-            display: inline-block;
-            width: 200px; 
-            height: 300px; 
-            content: ' '; 
-            background-image: url('".$thumbnail[0]."');
-            background-size: cover;
-            </style>";
+//        echo '<pre>', print_r($object->classes[0]) ,'</pre>';
+
+        $thumbnail = '';
+        switch( $object->classes[0] ){
+            case 'destinations-dropdown':
+                $thumbnail = get_stylesheet_directory_uri() .'/assets/bond-falls.jpg';
+                break;
+            case 'events-dropdown':
+                $thumbnail = get_stylesheet_directory_uri() .'/assets/pumpkins.jpg';
+                break;
+            case 'eat-dropdown':
+                $thumbnail = get_stylesheet_directory_uri() .'/assets/food.jpg';
+                break;
+            case 'adventures-dropdown':
+                $thumbnail = get_stylesheet_directory_uri() .'/assets/Adventure-bike.jpg';
+                break;
+        }
             
-        } else if( $depth !== 0 && ! has_post_thumbnail( (int)$object->object_id ) ){
+        if ( $depth !== 0  ) {
+//            $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( (int)$object->object_id ), 'large' );
             
-            $thumbnail = get_template_directory_uri() . '/assets/header-images-2.jpg';
             $item_style .= "<style>
             #menu-item-".$object->ID.":before { 
             display: inline-block;
@@ -47,7 +52,21 @@ class Glm_Theme_Top_Bar_Walker extends Walker_Nav_Menu {
             background-image: url('".$thumbnail."');
             background-size: cover;
             </style>";
+            
         }
+//        else if( $depth !== 0 && ! has_post_thumbnail( (int)$object->object_id ) ){
+//            
+//            $thumbnail = get_template_directory_uri() . '/assets/header-images-2.jpg';
+//            $item_style .= "<style>
+//            #menu-item-".$object->ID.":before { 
+//            display: inline-block;
+//            width: 200px; 
+//            height: 300px; 
+//            content: ' '; 
+//            background-image: url('".$thumbnail."');
+//            background-size: cover;
+//            </style>";
+//        }
         //$output .= ( 0 == $depth ) ? '<li class="divider"></li>' : '';
         $classes = empty( $object->classes ) ? array() : (array) $object->classes;
         if ( in_array( 'label', $classes ) ) {