Hola, la imagen debes ingresarla de la forma comun (pestaña superior del editor)
Nose donde queres ubicar “al lado”, si en el listado de articulos en categorias o bien en el articulo abierto.
Debes darle espacio para que quepan ambos de acuerdo al ancho, a la imagen y posicionando tambien el texto.
Por ejemplo en el listado de categorias, ubicar el texto asi:
/components/com_k2/css/k2.css
div.catItemIntroText {
float: right;
font-size: inherit;
font-weight: normal;
line-height: inherit;
margin-left: 295px !important;
margin-top: -200px;
max-width: 300px;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
padding-top: 0;
text-align: justify;
word-wrap: break-word;
}
la imagen
components/com_k2/css/k2.css
span.catItemImage img {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color-value: #CCCCCC;
border-left-width-value: 1px;
border-right-color-value: #CCCCCC;
border-right-style-value: solid;
border-right-width-value: 1px;
border-top-color: #CCCCCC;
border-top-style: solid;
border-top-width: 1px;
height: 180px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
}
Luego ajustar la posicion del leer mas, img y demas detalles hasta que quede.
Si es el articulo abierto, deberia ser atributos similares, aumentando el tamaño de la imagen y texto en el id css correspondiente. Por ejemplo: que la imagen flote hacia la izquierda y el texto a la derecha. Luego le pones padding o margen segun vayas viendo.