[Theme: Picture Perfect] Adding images to the left menu

u mean you want to increase the number of the images or you just want to change the pictured to ur own pictures?

I know how to change the pictures to my own and increase their size.
I want to know how to increase the number of images.

her you go:

You need to do the following changes to add a new menu to the left menu bar:

Two files need to be changed:

1) /wp-content/themes/picture-perfect/functions.php

2) /wp-content/themes/picture-perfect/imagemenu/imageMenu.css

Also you need to add another .jpg file 8 (for e.g. 8.jpg) at the location /wp-content/themes/picture-perfect/imagemenu/images

Details about changes done: ( Lines / Values added are made bold).

Suppose we already had 7 menus and want to add a 8th one.

i) Below changes were done in the file functions.php

if ($count < 9) –> initially it was 8.

echo '<!-- default links - these are not used if you have your own pages-->
<li class="bk1"><a href="https://heelsdanceacademy.org/welcome-to-heels-dance-academy/">About Us</a>
<li class="bk2"><a href="https://heelsdanceacademy.org/news-updates-2/">News & Updates</a>
<li class="bk3"><a href="https://heelsdanceacademy.org/dance-styles">Dance Styles</a>
<li class="bk4"><a href="https://heelsdanceacademy.org/classes-info/">Classes Info</a>
<li class="bk5"><a href="https://heelsdanceacademy.org/media-gallery/">Media Gallery</a>
<li class="bk6"><a href="https://heelsdanceacademy.org/contact-us">Contact Us</a>
<li class="bk7"><a href="https://heelsdanceacademy.org/feedback">Feedback</a>
<strong> <li class="bk8"><a href="https://heelsdanceacademy.org/testimonials">Testimonials</a> -->  This line was added newly.</strong>

[Please post code or markup snippets between backticks or use the code button.]

Another change made is below:

———————————————————————–

else {
<strong>for ( $counter = $count+1; $counter <= 8; $counter += 1) {    <--- Initially it was 7 (It should always be same as the number of the last row above in bk8 </strong>
	$output = $output.'<li class="page_item bk'.($counter).'"><a href="" title=""></a>';

ii) Below changes were done in the file imageMenu.css

[CSS moderated as per the Forum Rules. Please use the pastebin]

iii) Also “8.jpg” was added to the locationà /wp-content/themes/picture-perfect/imagemenu/images

By making the above 3 changes, you would be able to add a new menu to the left menu bar. Also attached are the backup of the original fines those were having only 7 menus in the menubar.

Thanks a lot for your help, but it didn’t work.

This is what I have:

if ($count < 4)
echo ‘<!– THESE AR ETHE LINKS YOU GO TO WHEN YOU CLICK ON A SLIDING DOOR IMAGE–>
<!– change the href to look like this: –>
<li class=”bk1″>
<li class=”bk2″>
<li class=”bk3″>
<li class=”bk4″>
<li class=”bk5″>
<li class=”bk6″>
<li class=”bk7″>
<li class=”bk8″>
‘;

else {
for ( $counter = $count+1; $counter <= 8; $counter += 1) {
$output = $output.'<li class=”page_item bk’.($counter).'”>‘;

I also added an eight pic at
/public_html/philippeorlando.com/wp-content/themes/picture-perfect/imagemenu/images

Still, I don’t see the 8th pic
Site is under construction, you can see it at https://www.philippeorlando.com

Actually I am rebuilding it because as I was trying to implement the changes some error destroyed the whole site. It was working fine and suddenly I screwed up again and the site is gone, instead I have

Parse error: syntax error, unexpected T_STRING, expecting ‘,’ or ‘;’ in /hermes/bosweb/web074/b745/sl.valphy6263/public_html/philippeorlando.com/wp-content/themes/picture-perfect/functions.php on line 20

hi…sorry for the late reply….just saw this…

you need to change the following line:

if ($count < 4)

Make it —> if ($count < 9)