Placement of full article image

NickMo1

When showing an article that contains a Full article image, the image is placed at the bottom of the page together with some social media icons.
Two things:
Can I remove the social media icons
Can we have the image at the top of the page, not the bottom?

I have attached a couple of images, one is with the current JB Buildr template and the other with JA SEVEN to show image placement and social icons

Hope you can help/is possible
Thanks, Nick

saguaros

Hi Nick,

Could you share the URL + super admin account so I can check directly for you?

NickMo1

This message is visible to Moderators only

hidden content

phinb

Hi @NickMo1

For your questions.

Can I remove the social media icons?
You can remove the script in template -> global settings -> custom code.
Can we have the image at the top of the page, not the bottom?
Please share url the page built with JA Seven template , I will take a look and check for you.

Regards,

NickMo1

Thank you for taking a look.
I will remove the social media icon script later, as it may also be affecting the image placement issue.

Here is a page using the Seven template:
https://cherries.org.au/the-vca/membership/membership-benefits
It seems that the social media icons and the image are somehow together as a page background, and not in a template section.
Perhaps the image should be in the masthead?

NOTE: Pages with this image placement issue are 'Single Article'.
NOTE: Pages that are 'category list' do NOT show the image at all when using the Seven template see here:
with Seven template: https://cherries.org.au/grower-info/qld-fruit-fly-2
with JB template: https://cherries.org.au/grower-info/qld-fruit-fly

Hope this helps.
Thanks, Nick

saguaros

I can't access backend of your site with provided info, if you want to place the image on top of this article detailed page, you can edit this file:

/templates/ja_seven/html/com_content/article/default.php

and move this snippet of code (which renders the full text image) to the place you wish:

<div class="full-width">
<div class="inner">
  <?php echo LayoutHelper::render('joomla.content.full_image', $this->item); ?>
</div>
</div>

here is a sample I changed:

defaultphp.zip

3kB

NickMo1 with JB template: https://cherries.org.au/grower-info/qld-fruit-fly

May I know where this image comes from? image of category?

NickMo1

Hi all,
Haven't heard from anyone in a while.
Any idea how to get the image to the top of the page and not the bottom, as shown in the page I made available earlier? (see message above: https://cherries.org.au/the-vca/membership/membership-benefits).
Hopefully it can be done with this template.
Let me know so I can finish the change-over from JB to JA template

Thanks.

NickMo1

Anyone out there?

NickMo1

Thanks for that.
I'm not keen on making such a change as it will probably disappear with the next template update. Plus I'm not sure it will achieve what I'm after.

The image displayed is simply the Joomla 'Full article image', as seen here in the JA template:
https://cherries.org.au/the-vca/membership/membership-benefits

All I want is for the image to go to the top, as seen here in the JB template (showing same image):
https://cherries.org.au/the-vca/membership/affiliate-membership

Can this be done with the JA template?

Thanks
(Please note that the password I provided should be all lowercase (in case you need access).

phinb

Hi @NickMo1

If you want to update the template without losing the files you have customized, you can copy that file to the [root]/templates/ja_seven/local/html/com_content/article/ folder.

You can use the Masthead module in this case. It will be easier for you.

NickMo1

Thank you.
Yes I had considered the Masthead module as a possible way to do this. Unfortunately it is only for J3 at the moment.
I'm updating from JB to JA so I can move everything to J4. If/when Masthead becomes J4-compatible I will certainly use it.
In the mean time I might look elsewhere for a solution.

phinb

Hi
The Masthead module now supports J4, so you can use it for your current website.