I have 3 tabs but 4th not showing

So far no one has been able to answer this so if you can I guess your a genius:
I have 3 tabs and scrollers and want 4 so I added an additional tab and slider/scroller but it’s not showing. I added a scroller-4.php, and added 4 scrollers in the options.php and added the styles for the scroller 4 in .css but there is still no scroller 4 showing in design, you can see here: organic web design | Just another WordPress site and you can see the code I added below:

I added this code to scroller-4.php:


<div style="position: relative; z-index: 4;">
<div class="prev"></div>
<div class="next"></div>
</div>
<div style="position: relative; z-index: 1;" id="slider-nav"> <a href="#" class="slider-link-1">Web Design</a> <a href="#" class="slider-link-2">Promotion</a> <a href="#" class="slider-link-3">Management</a> <a href="#" class="slider-link-4">The Full Package</a></div>
<div id="sections">
<ul>
<li>
<div class="slider-left-2">
<div class="slider-left">
<h2>Proper Design - Real Growth</h2>
<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
<div style="clear: both;"></div>
Specialised websites to get you more business.. Focusing on what&#8217;s important for best results. Clever content and well planned design will make your website a success and bring you to a new level </div>
<?php if (get_option('ebusiness_slider_1_readmore') == 'false') { ?>
<?php { echo ''; } ?>
<?php } else { echo '<a href="' . $ebusiness_slider_1_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
</div>
<div class="slider-right">

<?php if (get_option('ebusiness_slider_1_type') == 'Video') : ?>
<?php echo $ebusiness_slider_1_video; ?>
<?php else : ?>
<img src="http://organicwebdesigns.co/wp-content/themed/eBusiness/images/webpic_s1.png" alt="slider image" class="slider_image" />
<?php endif; ?>

</div>
</li>
<li>
<div class="slider-left-2">
<div class="slider-left">
<h2>Better Than Your Competitor?</h2>
<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
<div style="clear: both;"></div>
Google rewards natural growth. With a clear strategy and quality seo you'll see yourself ahead of the game </div>
<?php if (get_option('ebusiness_slider_2_readmore') == 'false') { ?>
<?php { echo ''; } ?>
<?php } else { echo '<a href="' . $ebusiness_slider_2_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
</div>
<div class="slider-right">

<?php if (get_option('ebusiness_slider_2_type') == 'Video') : ?>
<?php echo $ebusiness_slider_2_video; ?>
<?php else : ?>
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo $ebusiness_slider_2_image; ?>&amp;h=192&amp;w=334&amp;zc=1" alt="slider image" class="slider_image" />
<?php endif; ?>

</div>
</li>
<li>
<div class="slider-left-2">
<div class="slider-left">
<h2>Keep Up The Good Work</h2>
<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
<div style="clear: both;"></div>
Now that you have a successful website, with all the visitors you need don't leave it there. Test the content to see what works best. Lets optimise your opportunities to the max and make sure your website is always on form </div>
<?php if (get_option('ebusiness_slider_3_readmore') == 'false') { ?>
<?php { echo ''; } ?>
<?php } else { echo '<a href="' . $ebusiness_slider_3_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
</div>
<div class="slider-right">

<?php if (get_option('ebusiness_slider_3_type') == 'Video') : ?>
<?php echo $ebusiness_slider_3_video; ?>
<?php else : ?>
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo $ebusiness_slider_3_image; ?>&amp;h=192&amp;w=334&amp;zc=1" alt="slider image" class="slider_image" />
<?php endif; ?>

</div>
</li>
<li>
<div class="slider-left-2">
<div class="slider-left">
<h2>The Full Package</h2>
<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
<div style="clear: both;"></div>
Now you know what 3 things you need to succeed why not get it all? We'll also include social media and auction design </div>
<?php if (get_option('ebusiness_slider_4_readmore') == 'false') { ?>
<?php { echo ''; } ?>
<?php } else { echo '<a href="' . $ebusiness_slider_4_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
</div>
<div class="slider-right">

<?php if (get_option('ebusiness_slider_4_type') == 'Video') : ?>
<?php echo $ebusiness_slider_4_video; ?>
<?php else : ?>
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo $ebusiness_slider_4_image; ?>&amp;h=192&amp;w=334&amp;zc=1" alt="slider image" class="slider_image" />
<?php endif; ?>

</div>
</li>
</ul>
</div>

I added this coded to option_ebusiness.php:


array( "name" => "Number of Slider Items to be Displayed",
"id" => $shortname."_scroller_number",
"type" => "select",
"std" => "3",
"desc" => "Here you can designate how many articles are displayed in the Featured Articles

I added this to style-Smooth-Blue.css:


.slider-link-4 { width: 140px; height: 43px; background-image: url(images/smooth-blue/slider-button-1.png); position: absolute; z-index: 1; left: 450px; top: -35px; color: #fff !important; font-weight: bold; padding: 10px 0px 0px 16px;

oops sorry I just saw your link let me check it out and I’ll update you

You said:


I added this coded to option_ebusiness.php:

array( "name" => "Number of Slider Items to be Displayed",
"id" => $shortname."_scroller_number",
"type" => "select",
"std" => "3",
"desc" => "Here you can designate how many articles 
            are displayed in the Featured Articles

I’m no genius, but should that ‘std’ = 3 be a 4?

Hi there

thanks for having a look, I looked in my code and I had this so I must have posted the old code instead of the one I changed:

array( “name” => “Number of Slider Items to be Displayed”,
“id” => $shortname.“_scroller_number”,
“type” => “select”,
“std” => “4”,
“desc” => “Here you can designate how many articles are displayed in the Featured Articles section on the homepage.”,
“options” => array( “4”, “3”, “2”, “1”)),

what do you think is the problem?

sorry this is the code I added to options.php

array( “name” => “Number of Slider Items to be Displayed”,
“id” => $shortname.“_scroller_number”,
“type” => “select”,
“std” => “4”,
“desc” => “Here you can designate how many articles are displayed in the Featured Articles section on the homepage.”,
“options” => array( “4”, “3”, “2”, “1”)),

still only 3 slides, what do you think is the problem?

Sorry, not a WP man myself, I just thought the 3 there was blindingly obvious so I thought I’d reply. If nobody helps you then contact the designer of the template.

I cleaned up the code for you just a tad bit, and I’ll have a look at it in a minute.

Do you have ebusiness_slider_3_readmore defined somewhere? If so, in that same place… do you have the one for four?

Does it just not display or check your HTML output, see if it’s just messing up.


<div style="position: relative; z-index: 4;">
	<div class="prev"></div>
	<div class="next"></div>
</div>

<div style="position: relative; z-index: 1;" id="slider-nav"> 
	<a href="#" class="slider-link-1">Web Design</a> 
	<a href="#" class="slider-link-2">Promotion</a> 
	<a href="#" class="slider-link-3">Management</a> 
	<a href="#" class="slider-link-4">The Full Package</a>
</div>

<div id="sections">
	<ul>
		<li>
			<div class="slider-left-2">
				<div class="slider-left">
					<h2>Proper Design - Real Growth</h2>
					<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
					
					<div style="clear: both;"></div>
					Specialised websites to get you more business.. Focusing on what&#8217;s important for best results. Clever content and well planned design will make your website a success and bring you to a new level 
				</div>
				
				<?php if (get_option('ebusiness_slider_1_readmore') != 'false'): ?>
					<?php echo '<a href="' . $ebusiness_slider_1_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
				<?php endif; ?>
			</div>
			
			<div class="slider-right">

				<?php if (get_option('ebusiness_slider_1_type') == 'Video') : ?>
					<?php echo $ebusiness_slider_1_video; ?>
				<?php else : ?>
					<img src="http://organicwebdesigns.co/wp-content/themed/eBusiness/images/webpic_s1.png" alt="slider image" class="slider_image" />
				<?php endif; ?>

			</div>
		</li>
		
		<li>
			<div class="slider-left-2">
				<div class="slider-left">
					<h2>Better Than Your Competitor?</h2>
						<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
						
						<div style="clear: both;"></div>
						Google rewards natural growth. With a clear strategy and quality seo you'll see yourself ahead of the game 
				</div>
						
				<?php if (get_option('ebusiness_slider_2_readmore') != 'false') : ?>
					<?php echo '<a href="' . $ebusiness_slider_2_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
				<?php endif; ?>
			</div>

			<div class="slider-right">

				<?php if (get_option('ebusiness_slider_2_type') == 'Video') : ?>
					<?php echo $ebusiness_slider_2_video; ?>
				<?php else : ?>
					<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo $ebusiness_slider_2_image; ?>&amp;h=192&amp;w=334&amp;zc=1" alt="slider image" class="slider_image" />
				<?php endif; ?>

			</div>
		</li>
		
		<li>
			<div class="slider-left-2">
				<div class="slider-left">
					<h2>Keep Up The Good Work</h2>
					<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
					
					<div style="clear: both;"></div>
					Now that you have a successful website, with all the visitors you need don't leave it there. Test the content to see what works best. Lets optimise your opportunities to the max and make sure your website is always on form
				</div>
				
				<?php if (get_option('ebusiness_slider_3_readmore') != 'false') : ?>
					<?php echo '<a href="' . $ebusiness_slider_3_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
				<?php endif; ?>
			</div>
			
			<div class="slider-right">
			
				<?php if (get_option('ebusiness_slider_3_type') == 'Video') : ?>
					<?php echo $ebusiness_slider_3_video; ?>
				<?php else : ?>
					<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo $ebusiness_slider_3_image; ?>&amp;h=192&amp;w=334&amp;zc=1" alt="slider image" class="slider_image" />
				<?php endif; ?>

			</div>
		</li>
		
		<li>
			<div class="slider-left-2">
				<div class="slider-left">
					<h2>The Full Package</h2>
					<img src="<?php bloginfo('template_directory'); ?>/images/slider-line-<?php echo $ebusiness_color_scheme; ?>.gif" alt="line" class="slider-line" />
					
					<div style="clear: both;"></div>
					
					Now you know what 3 things you need to succeed why not get it all? We'll also include social media and auction design
				</div>

				<?php if (get_option('ebusiness_slider_4_readmore') != 'false') : ?>
					<?php echo '<a href="' . $ebusiness_slider_4_readmore_url . '"><img src="' . get_bloginfo('template_directory') . '/images/readmore-' . $ebusiness_color_scheme . '.gif" alt="read more" class="readmore" /></a>'; } ?>
				<?php endif; ?>
			</div>
			
			<div class="slider-right">

				<?php if (get_option('ebusiness_slider_4_type') == 'Video') : ?>
					<?php echo $ebusiness_slider_4_video; ?>
				<?php else : ?>
					<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo $ebusiness_slider_4_image; ?>&amp;h=192&amp;w=334&amp;zc=1" alt="slider image" class="slider_image" />
				<?php endif; ?>

			</div>
		</li>
	</ul>
</div>

it’s php though right? I contacted the theme owners and they said they won’t help as it is a customization

@caleb mingel, there are some modifications that I made where there is read more. Can I perhaps send you a zip of the theme? maybe you can have a look. There are 5 folder I have modified.

scroller-1.php
scroller-2.php
scroller-3.php
scroller-4.php
style.css
options_ebusiness.php

my guess is that there is more that I need to add in the options folder whn when I try to add what I think is need I get an error code on the syntax as I do not know about php at all. If you can solve this I do believe you are a genius as I have posted this on many forums…

well, would you believe a 4th tab has shown up but although it activates the 4th scroller when you click it is doesn’t activate the tab when you roll over it.

You can see here organic web design | Just another WordPress site

In this file… http://organicwebdesigns.co/wp-content/themes/eBusiness/js/custom.js

Add .slider-link-4 to the Javascript, that should do it.

hey thanks, if this works I will let the world know you really are a genius. New terretory for me though, where will I find the javascrpt, what do I look for?

thanks

yep, your a genius. Feel free to quote me :wink:

Thanks for helping. Like I said I’ve posted it on all the forums I’m registered on and no one has been able to help in many weeks so I’m chuffed now

hey Mr Genius, can you help me again. I added some more content and the tabs stopped activating. I’ve been messing with the code for a while now and just don’t know what it is.

Any ideas?

here’s the website http://organicwebdesigns.co

thanks

I see you’ve got it fixed it seems :slight_smile:

yep, it was very interesting, haven’t got a clue what went wrong but here was the solution: