Virtual template hack?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Sep 05, 2012 7:45 pm
Reply with quote
Report this post
I would like to use the CSS for the layout of the categories and page displays from bike store in Game news.

i do not want all the features of the template to change ie. I want the game new menu and background just the css of the page to show the nice page content display

I have found the bike store vm css file in bike store but I am not sure were to put it in order to change the display in game news

please can you advise.

thanks
User avatar
Senior Boarder

GK User
Thu Sep 06, 2012 6:15 am
Reply with quote
Report this post
Hi,

First of all please specify which category layout do you want to move? The Joomla! com_content category, the K2 category or the VirtueMart category?
User avatar
Administrator

GK User
Thu Sep 06, 2012 12:59 pm
Reply with quote
Report this post
hello

i would like the page which looks like this one
...http://demo.gavick.com/joomla16/jun2012 ... ult-layout

and

http://demo.gavick.com/joomla16/jun2012 ... ke-helmets

I have assumed that they are virual mart category and item views.

I have installed gknews module on the front page and made a menu item, I configured the GK news to have the id of the menu item and to take content from virtual mart categories view.

I uploaded the vm css form bike store to the css folder of the game news template but it did not do anything I can see.

This is page with gk module pulling content from vm into the front page

http://sandboxeducation.co.uk:7080/index.php
the module is called
we research and source innovatice rescources

the menu item STORE takes the font page from the VM

thnak you for your help.
User avatar
Senior Boarder

GK User
Thu Sep 06, 2012 7:40 pm
Reply with quote
Report this post
Sorry but there is no styling like this for the News Show Pro module - these styles was prepared only for the categories view in the VirtueMart and implementing it in the NSP module needs a code created from scratch.
User avatar
Administrator

GK User
Thu Sep 06, 2012 7:41 pm
Reply with quote
Report this post
In general styling for the NSP module is placed in the gk.stuff.css file.
User avatar
Administrator

GK User
Fri Sep 07, 2012 6:03 am
Reply with quote
Report this post
Hello

thats not a problem

I only used gk new instead of vm as I guessed this was the display means- as your gk module states its works with VM.


I can use the VM categories view instead as a display means. So in this case if you can tell me were to put the vm css style sheet within the site directory or what else I need to do that woudl be helpfu;

So I am wanting to apply the vm styles from bikestore to the vm styles in new game

thanks !
User avatar
Senior Boarder

GK User
Fri Sep 07, 2012 7:33 am
Reply with quote
Report this post
In the layouts/head.php file you should add line:
Code: Select all
$this->API->addCSS($this->API->URLtemplate() . '/css/vm.css');


Then of course you should move the vm.css file to the GameNews css/ directory. Additionally please copy from bikestore the html/com_virtuemart/ directory.
User avatar
Administrator

GK User
Fri Sep 07, 2012 5:31 pm
Reply with quote
Report this post
Thank you that worked well:-) :D :D

http://sandboxeducation.co.uk:7080/index.php/store

A very nice fix :idea:


I have slight issue in product view with the image size overlapping the footer area :? .
http://sandboxeducation.co.uk:7080/inde ... its-detail
Can you advise?
Also I would like to match the font to the template for the headings of the cats and products.

Thank you!
User avatar
Senior Boarder

GK User
Sat Sep 08, 2012 12:26 pm
Reply with quote
Report this post
Very strange - in this case I can only recommend changing the padding for #gkPage element from:
Code: Select all
padding: 30px;


to:
Code: Select all
padding: 30px 30px 60px 30px;
User avatar
Administrator

GK User
Sat Sep 08, 2012 7:44 pm
Reply with quote
Report this post
hello

were do I find this?
path?

thanks
User avatar
Senior Boarder

GK User
Sun Sep 09, 2012 9:07 am
Reply with quote
Report this post
The #gkPage selector is placed in the css/template.css file in the template directory.
User avatar
Administrator


cron