Customizing a single page or category

[First Action]

I have put social networking icons at the top of every page in my zen shop, but I have a 'hidden' category which i dont want users to be able to easily share. Is it possible to remove them just from that category?

My site is
http://www.firstactionarticles.com/highly_recommended/

The hidden category is located at http://firstactionarticles.com/highl...index&cPath=48

Thanks

[clydejones]

I have put social networking icons at the top of every page in my zen shop, but I have a 'hidden' category which i dont want users to be able to easily share. Is it possible to remove them just from that category?

My site is
http://www.firstactionarticles.com/highly_recommended/

The hidden category is located at http://firstactionarticles.com/highl...index&cPath=48

Thanks

You can enclose the code that handles the "social networking" in a conditional statement as shown below:

<?php if (!$current_page_base == 'index' and $cPath == '48') {

<div id="bannerThree" class="banners"><center>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="First_Action">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<a href="http://www.facebook.com/sharer.php?u=http%3A//www.firstactionarticles.com/highly_recommended&t=First+Action+Articles" target="_blank"><img src="http://www.firstactionarticles.com/images/faceshare.jpg" alt="Share this on Facebook" width="72" height="22" border="0" /></a>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();

</script>
<!-- Compact Button -->
<a class="DiggThisButton DiggCompact"></a></center>
<br></div>
}
?>

This will show the social networking on each page except for category 48.

[First Action]

Hi Clyde,

Thanks for your response.

Do you know which page I change this code on?

I tried just putting it in the banner box through the zen cart admin but it didnt work

I also tried copying the code into the tpl_main_page.php but that just made my site turn to white space.

Sorry for the late reply.

I dont know if it will help but when I post the code into the banner box via the admin the last bit of the added code shows up on the pages ie "} ?>"

Thanks

[clydejones]

Hi Clyde,

Thanks for your response.

Do you know which page I change this code on?

I tried just putting it in the banner box through the zen cart admin but it didnt work

I also tried copying the code into the tpl_main_page.php but that just made my site turn to white space.

Sorry for the late reply.

I dont know if it will help but when I post the code into the banner box via the admin the last bit of the added code shows up on the pages ie "} ?>"

Thanks

Do you know which page I change this code on?

It would be the page you edited when you inserted the code. I'm guessing it was tpl_main_page.php

[schoolboy]

Clyde's method is the tidy option.

But you could also create a category-specific stylesheet and use a {display: none} declaration on the div that contains the social networking elements.

The naming convention for these stylesheets is in a README file that accompanies the CSS files (look in the css folder).

[schoolboy]

I use category-specific stylesheets HERE to give different categories different design characteristics.

[First Action]

Do you know which page I change this code on?

It would be the page you edited when you inserted the code. I'm guessing it was tpl_main_page.php

The problem is that I didnt actually change any code. I did it through the admin 'edit banner boxes'

I did try to change the tpl_main_page but all I got was white space.

Below is what I did

Original

<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>


New

<?php if (!$current_page_base == 'index' and $cPath == '48') {

<div id="bannerThree" class="banners"><center>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="First_Action">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<a href="http://www.facebook.com/sharer.php?u=http%3A//www.firstactionarticles.com/highly_recommended&t=First+Action+Articles" target="_blank"><img src="http://www.firstactionarticles.com/images/faceshare.jpg" alt="Share this on Facebook" width="72" height="22" border="0" /></a>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();

</script>
<!-- Compact Button -->
<a class="DiggThisButton DiggCompact"></a></center>
<br></div>
}
?>


Result was that my whole site turned to white.

[clydejones]

The problem is that I didnt actually change any code. I did it through the admin 'edit banner boxes'

I did try to change the tpl_main_page but all I got was white space.

Below is what I did

Original

<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>


New

<?php if (!$current_page_base == 'index' and $cPath == '48') {

<div id="bannerThree" class="banners"><center>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="First_Action">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<a href="http://www.facebook.com/sharer.php?u=http%3A//www.firstactionarticles.com/highly_recommended&t=First+Action+Articles" target="_blank"><img src="http://www.firstactionarticles.com/images/faceshare.jpg" alt="Share this on Facebook" width="72" height="22" border="0" /></a>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();

</script>
<!-- Compact Button -->
<a class="DiggThisButton DiggCompact"></a></center>
<br></div>
}
?>


Result was that my whole site turned to white.

look in the cache folder on your server and check the error log files.

what error is being reported.