Have single image with title link opening into separate item page

Hi beelzebomb check the following URL. It will provide some answers to some of your questions.

Let me know how you go.

Regards

Thanks for reply but I can’t see anything there that helps – I already have public ticked – are there any straightforward tutorials for doing this that give all the info needed out there? I seem to find bits here and there that always presume the user knows some other part that’s omitted.

My catablog item titles are linked thus:

<h3 class='catablog-title'><a href=“%LINK%" target=“%LINK-TARGET%">%TITLE%</a></h3>

I’ve also tried:
<h3 class='catablog-title'><a href=“%PERMALINK%" target=“%LINK-TARGET%">%TITLE%</a></h3>

To expand – if, for example, I have an item permalink of this (on local host) generated:

https://localhost/wordpress/metroretro-items/step-ladder/

Clicking on it produces this error (which is just gobeldygook to me:

/** * Template function for fetching a single catalog item by id * * @param integer $id The id of a catalog item to fetch * @return CataBlogItem|NULL Returns a CataBlogItem object if a catalog item was found, otherwise NULL */

I’ve no idea what is going on!

Hi did you read Step 5 and Step 5-A from the URL I submitted above? Especially Step 5-A which allows you to add a URL and in that URL you can have your product displayed adding a shortcode in the URL you provided.

[catablog template=”your-gallery-name”]

Yes I did but it’s not addressing my problem. The permalink I have is throwing up the error I previously posted.

Are you setting up the template correctly and then adding the correct template in the shortcode?

I have now got single item to display, but only after reading a helpful user post on this forum, so if anyone else needs the info, I set single-catablog-items.php to contain this:

<?php get_header(); ?>
<div id="main">

	<div class="content">
	<?php get_sidebar(); ?>

        <?php
        if (have_posts()) :
        while (have_posts()) :
        the_post();
        the_content();
        endwhile;
        endif;
        ?>

        <?php catablog_get_item($id  ); ?>       

 </div> <!-- content -->

</div> <!-- main -->
<div class="nudge"></span>

</div> <!-- container? -->

<?php get_footer('home'); ?>

Much as I like catablog, there is just not enough user-friendly tutorials or information online – I believe the above info should be readily available.

I now want to make the main image larger on the single item page but cannot see a simple way of doing this without affecting the main page?

I also want to style the subimages to have two sit evenly spaced under the main image on the single item page, but the subimages sit to the left and text-align: center; has no affect, as %SUB-IMAGES% doesn’t seem to respond to this.

I’m running out of time trying to work all this out, I suspect with more online simple tutorials, the usage would rocket, as it’s potentially a great plugin.

Hi beelzebomb I understand what you mean. I have been writing some tutorials and I am constantly adding more. Please visit this URL and check to see if you can find what you need. If not let me know and I will do my best to write another tutorial.

Regards

Thanks for the link, but it was no help at all.

These are my issues:

Single item Page
1. When I open the individual item into a new page, I want the main image larger to fill the page – I can do this by increasing the thumbnail size in ‘options’ and then using ‘.catablog-image img’ to reduce the main page image back to the smaller size with ‘width’ and ‘height’ attributes – but this then adds blank space under each item that I just can’t get rid of.

2. I cannot get the individual subimages to sit in a column to the right of the main thumbnail image – they just want to sit 2 next to each other.

it just seems incredibly difficult to do the simple things that I normally do on a daily basis in my coding.

Hi if you had your website live I am sure that I could help you with the blank space. In regards to aligning the sub-images to the right that might be possible with some div tags.

OK, I’ve managed to brute-force sub images into a column, but when keeping the aspect ratio and having the background the same colour as the site (client requirements) is there a way to make the image sit at the top of it’s containing box rather than in the middle so that all images align at the top?

Hi can you provide an example so that I can workout what you mean. It would also be best if you could provide a URL so that I could point you in the right direction.

The site is being tested/created on local host so can’t provide links I’m afraid. I’ll try to explain better.

If the thumbnail sizing is set at say 410 x 410 with ‘keep aspect ratio’ ticked, and an image is uploaded that is 410 wide but only 200 in height, the image sits in the centre of the containing 410 x 410 block.

For design aesthetics, I would like to make sure each image sits at the vertical top of it’s containing block rather than have equal padding above and below.

As an aside, this would be a really good upgrade to have in ‘options’ along with ‘keep aspect ratio’.

Is there anything that can be altered to achieve this in CataBlogItem.class.php perhaps?

The only way you can achieve what you require is to use custom css. Once the images are loaded find out how much of the padding needs to be adjusted and add the custom css to create the style.

In regards to the additional option, @zach the plugin author is the only person that can reply to your request.

Regards

Hi, is your issue resolved?