How to change the admin frontend UI

ziman · April 28, 2015, 08:18:59 AM

Hello,

I'm new to Virtuemart. Is there any way to change the admin frontend UI to look like the one in Virtuemat demo (http://demo.virtuemart.net/index.php?option=com_virtuemart&tmpl=component&view=product&task=edit&virtuemart_product_id=0&manage=1), and also to make it inside my website (with header, menu and footer).

I'm using Virtuemart 3.0.6.2 and Joomla 3.4.1

Attached is my admin frontend UI.

Studio 42 · April 28, 2015, 18:25:00 PM

Hi,
If you want add menus, you have to add the modules positions in your template that you need in this file : JOOMLAROOT\templates\MYTEMPLATE\component.php
a simple body example :

Code Select


<body>
	<div class="nav">
	<jdoc:include type="modules" name="vmmanage-navbar"  style="xhtml" />
	</div>
	<jdoc:include type="message" />
	<jdoc:include type="component" />

	<div class="footer">
	<jdoc:include type="modules" name="vmmanage-footer"  style="xhtml" />
	</div>
</body>
</html>

this add a footer and navbar modules, if this are exiisting in Joomla.
The best is to use another names that your main tmplate, this why i used here : vmmanage-footer and vmmanage-navbar.
In Joomla you can directly enter a module position not existing in your template.

TO check if your mange virtuemart, control the manage=1.

use

Code Select

$input = JFactory::getApplication()->input;
$manage = $input->get('manage');

and add condition when manage is set in your component.php file

sorry vm use the session

then use :

Code Select

	$session = JFactory::getSession();
	$manage = vRequest::getCmd('manage',$session->get('manage', false,'vm'));

ziman · April 28, 2015, 22:25:33 PM

Thanks a lot Studio 42, and what about the admin frontend UI.

Studio 42 · April 29, 2015, 01:32:23 AM

If you need to change the UI, then you have to write your own CSS. YOu can always remove a CSS ON cheking the document CSS content. Of Course you have to know a little how Joomla work, but this don't need a Core Hack, with some CSS and hooks, you can completly change the Front end design to respect your own design.

News:

How to change the admin frontend UI

ziman

Studio 42

ziman

Studio 42