Разобраться, объясните как делать, в CSS не силен) - Joomla 3.x: Установка, обновление и настройка

На моем сайте (интернет-магазине) карточка товара имеет такой вид http://for-post.net/magazin/product/view/127/482
а Хочется изменить на такой http://samogonural.ru/katalog/samogonovarenie/kupit-samogonnyj-apparat/samogonnye-apparaty-magarych-premium-pro/samogonnyy-apparat-magarych-eksklyuziv-plyus-na-12termometr-1

Чтобы описание можно было так же с боку выводить (характеристики)

если можно видящку какую-нибудь по такому случаю)

если можно видящку какую-нибудь по такому случаю)

Есть только губозакаточный аппарат и справочник по css http://htmlbook.ru/css

А что так грубо? Я за помощью пришел

А что так грубо? Я за помощью пришел

Потому что вопрос в стиле: "У меня есть Опель, как переделать его внешне в Рено? Но я машины никогда не ремонтировал и капот не открывал. Желательно видео".
Ну т.е. да, можно: переверстать шаблон, второй там ещё и адаптивный (и кривой), учесть все нюансы, проверить во всех популярных браузерах. Для этого как минимум нужно иметь ваш шаблон и мотивацию снимать видео про его переделку. Поэтому я и пишу про губозакаточный аппарат.

А что так грубо? Я за помощью пришел

Вы пока голову не забивайте, пока, текст с боку или внизу. Сделайте для начала чтоб сайт на всех разрешениях нормально отабражаля. У вас на компе с прокруткой. Не говорю уже на мобиле. Сейчас упор надо на мобилу делать. Что ваш сайт, что пример не адаптирован.  На мобиле все равно все по другому будет. Firefox Developer Edition в помощь. Чтоб что то продать человек должен прочитать, у вас это затрудняет. А на компе если не ошибаюсь, картинку к левому краю прижать )редактором. И текст написать. Будет с боку (вроде, в лом открывать сайт). Но это будет на 1,2 разрешениях. Как на других смотрите в Firefox Developer Edition. Я бы так не стал делать, чтоб меньше править. Сделайте на стандартном шаблоне, там все адаптивно. К примеру protostar. С вашими знаниями это проще будет.