post image float right or left chosen by Joomla article parameter

Hello Danny,
the
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child_odd_even
provides good CSS example.
If you need help with incorporating it exactly into your theme please provide link to your blog page

regards,
Aileen

Hello support team,

You mentioned that this can be done by using nth-child.
Do you have a manual how to do so in themler?

kind Regards,

Danny

there is no div

You add a picture using the JCE, place it on the left, center or right

Hi Scorpion Computers & Software,

I implemented your solution but without any effect.
In the article_4, article_5, article_6, and article_7 files I could not find the div class.

Hope you can point me to a sollution.

Danny

For me this is superfluous

i use the JCE Editor and i can place an image where ever i want

I have created a solution myself and i want to share this with you
I have also asked Themler to implement it in the next version

In the file html/com_content/article/deafult_template.php
After every line that has the code

<?php ob_start(); ?>

Place the following piece of codeafter that (6 times in my current template)

<?php
// Added by Scorpion Computers & Software
// Adds class for pulling the article image left or right
$myparams  = $this->item->params;
$images  = json_decode($this->item->images);
$imgfloat = (empty($images->float_fulltext)) ? $myparams->get('float_fulltext') : $images->float_fulltext;
$imgfloafclass = 'pull-' . $imgfloat;
$params['image-float'] = $imgfloafclass;
// End of added by Scorpion Computers & Software
?>

The go to the files include/article_2.php to include/article_7.php and look for a line that has the class="bd-postimage in it. In the class parameter add the following code

 <?php echo $data['image-float'];?>

As an example the line should look something like this

<div class=" bd-postimage-4 bd-no-margins <?php echo $data['image-float'];?>">

I'm very sorry but i don't think that is acceptable. It is not that difficult for your developers to implement adding a class form a Joomla attribute. Custom CSS still needs to know what the websites manager has chosen for the image. I am talking about a simgle article view.

Hello Edwin,
the issues related to Joomla articles options was discussed year ago and it was decided not to inherit these settings in Themler theme.
So the solution is to use custom CSS as recommended before.

regards,
Aileen

Oke, it has been more than a year since the last response. Still this feature is not fixed in Themler. I also want to use this functionality and i am sure i'm not the only one.

Joomla normaly just adds a bootstrap class like "pull-right" in the surrounding DIV

Can you please add this functionality?

Here's a piece of code from the original component for content

<?php $imgfloat = (empty($images->float_fulltext)) ? $params->get('float_fulltext') : $images->float_fulltext; ?>
<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image"> <img
<?php if ($images->image_fulltext_caption):
    echo 'class="caption"' . ' title="' . htmlspecialchars($images->image_fulltext_caption) . '"';
endif; ?>

Hello Jens,
I'm very sorry for delay in response.
The settings from the Article Options >> Images from the Joomla admin back end are not used by Themler. It's behavior by design.
Please try using the :nth-child() selector to detect the odd and even row and specify different float:
http://www.w3schools.com/cssref/sel_nth-child.asp

regards,
Aileen

Its controlled by joomla option for each article within the article option. please see the attachment.
I need to place the image left, right, left, right and so on.

I dont work in Joomla. It is a blog list and all images have same named classes and divs.

How do you align those images ? Inside Joomla Readmore part in editor ?

Sorry, but it do not work. here is the link. the first article has picture float left by joomla and the second float right by joomla

http://hifi-profis.j-koester.de/index.php?option=com_content&view=category&layout=blog&id=10&Itemid=162

It is empty by default. But if it is activated set options to none.

and remove the float?

Go to Image "More options" and chose display:block or inline-block for images in Articles.