Create module position, modify CSS file

Change your online store into modern look with myStore eCommerce VirtueMart Joomla template - discussion forum.
GK User
Sun Mar 18, 2012 3:00 pm
Hi
I am using the Mystore template with a slide show in the top of the screen.
I would like to change this as follows:
Use 1 photo at a time in stead of 3
Place this slide show to the right of the page (where the current slide show is)
lace a company logo on the left of the page (where the current slide show is)
See the Coffe template.

Since there is only 1 header in Mystore I created a second header (header_right) as described on your site (create module position).
On your site it is not described what changes should be done on the CSS files. So the slide show does not appear on my page. See www.sucuisine.com
What code should I put in which CSS file to see the slide show on my page on the new header position (Header_right)
What code should I change to place the existing header to the left the page where I can place my company logo (existing header)
Regards
HG
User avatar
Senior Boarder

GK User
Mon Mar 19, 2012 11:42 am
Hi,

I somehow don't see the slide show module in your site, if you want to have the same layout of slideshow module in Coffe template, just install Quickstart of Coffe to get its configurations to make the same for your current module, then if it requires css changes I will help you.
User avatar
Platinum Boarder

GK User
Mon Mar 19, 2012 8:39 pm
Don Lee wrote:Hi,

I somehow don't see the slide show module in your site, if you want to have the same layout of slideshow module in Coffe template, just install Quickstart of Coffe to get its configurations to make the same for your current module, then if it requires css changes I will help you.



Hi Don,
The new create module position is activated but because the CSS file is not changed it does not appear on the screen.
I do know the layout of the Coffe template. But the issue is that I can not place the slideshow to the right of the page because the Mystore template has 1 header and the Coffe template has 2 headers. That is reason a created a new module position.
So can you help me to modify the CSS file so that I can use the slide show on the right of the page?
You have my login id, I sent it via a PM earlier.
User avatar
Senior Boarder

GK User
Tue Mar 20, 2012 3:07 pm
Hi,

Please try this code:
Code: Select all
#gkIs-gk-is-122{
width: 266px;
float: right;
}

and it will look like this http://easycaptures.com/fs/uploaded/480/9489767159.jpg
User avatar
Platinum Boarder

GK User
Tue Mar 20, 2012 10:04 pm
Don Lee wrote:Hi,

Please try this code:
Code: Select all
#gkIs-gk-is-122{
width: 266px;
float: right;
}

and it will look like this http://easycaptures.com/fs/uploaded/480/9489767159.jpg


Hi Don,
Looks good :) .I am very happy.
In which file should I put this code? Use one of the file in the CSS folder: Template, Style1, layout, etc?



I would like to put a new logo (png file) on the space created on the left side. And between the logo and the slide-show I would like to put some text about the company. What will be the approach for these modifications?
I did not see any reference to the position Header_right (that I created) in your code. Can I use the position existing Header position for the logo and the company text?
User avatar
Senior Boarder

GK User
Thu Mar 22, 2012 10:09 am
Hi,

Put the code to file override.css under css folder, also remember to enable CSS Override mode in template setting.

If you want to put a logo or something to the left side of the slideshow module, just create a custom module then assign to the same position, I think they would display well, just try.'

Cheers,
User avatar
Platinum Boarder

GK User
Fri Mar 23, 2012 1:34 pm
Hi Don

Thanks I will try that.

Some other questions:
I would like to move the Logo Mystore to the top position (on the same level position as Login/register etc). I can not find any module for logo in the module manager. see www.sucuisine.com


I would like to move Tool (displayed on the top) to the Bottom4 module position. I can not find any module for Tool in the module manager. see www.sucuisine.com

E.g.: Somewhere it is defined that the Bottom4 should be displayed on the bottom of the page. Is there a general override code to display a module position to somewhere else. In other words, where is it defined the place of a module position on a page.

Regards
Hans
User avatar
Senior Boarder

GK User
Fri Mar 23, 2012 3:37 pm
Hi,

The logo is not in any module, it's a block in template layout, in order to move it out of navigation bar:

- Open: \templates\gk_mystore\layouts\blocks\nav.php

- Find:
Code: Select all
<?php if ($this->getParam('logo_type', 'image')!=='none'): ?>

     <?php if($this->getParam('logo_type', 'image') == 'css') : ?>

     <h1 id="gkLogo">

          <a href="./" class="cssLogo"></a>

          <span><?php echo $this->getParam('logo_text', ''); ?></span>

     </h1>

     <?php elseif($this->getParam('logo_type', 'image')=='text') : ?>

     <h1 id="gkLogo" class="text">

         <a href="./">

              <span><?php echo $this->getParam('logo_text', ''); ?></span>

               <small class="gkLogoSlogan"><?php echo $this->getParam('logo_slogan', ''); ?></small>

         </a>

     </h1>

    <?php elseif($this->getParam('logo_type', 'image')=='image') : ?>

    <h1 id="gkLogo">

          <a href="./">

          <img src="<?php echo $logo_image; ?>" alt="<?php echo $this->getPageName(); ?>" />

          </a>

     </h1>

     <?php endif; ?>

<?php endif; ?>

- Move it to file: \templates\gk_mystore\layouts\blocks\toolbar.php before this code:
Code: Select all
<div id="gkButtons">

Then do the same to move toolbar to bottom.
User avatar
Platinum Boarder

GK User
Tue Mar 27, 2012 11:48 pm
Hi Don
Thanks for the advise till now.
I have created 2 headers header1 and header2 and copied some code of Coffe to Mystore.
I also succeeded in repositoning the Logo.

1)
See the image slide show of www.sucuisine.com. This is not going so smooth as the demo slide show of the Coffe template. How come?

2)
Currently there there is not enough space for the Logo. How can I move the page starting from het Menu down 0,5 inch?

3)
Three colors are defined, red, blue and green. Where can I change the colors and the text?

4)
I have used some 'news Show Pro GK'. How can I remove the date and the product category below each photo?
There are a log of spaces between each 'news Show Pro GK' How can I remove these spaces?

5)
How can I create more space between the module position Bottom and the last line 'About Joomla'?

6)
Does Gavick has a extension for polls? If no, Do you know one that I can use?

7)
Does Gavick has a extension Comments, general comments about the site? I saw this on some other templates a comments module and also there is a positbility for comments per product.

I hope there are not too much questions for you.
Thank you in advanced.
User avatar
Senior Boarder

GK User
Wed Mar 28, 2012 4:03 pm
Hi,

1. I see the animation working well with the slideshow, nothing's unsmooth.

2. Add this code to CSS Override:
Code: Select all
#gkToolbar{
height: 45px!important;
}

3. Check this http://easycaptures.com/fs/uploaded/488/1074109883.png

6. No we don't. Check this as well http://extensions.joomla.org/search?q=poll

7. http://extensions.joomla.org/search?q=comment
User avatar
Platinum Boarder

GK User
Wed Apr 18, 2012 8:54 pm
Hi Don,
Thanks for your advise. I have implemented some of them

Question:
Do you have the code for me to move the Header (Inleiding SuCuiscine) below the slide show section (Sucuisie Surinaams zoals het hoort) and above the Product categorie section?

The site is: www.sucuisine.com

Thanks in advance.
User avatar
Senior Boarder

GK User
Thu Apr 19, 2012 2:30 pm
Provide me with FTP access please, you are having two divs with the same id "gkHeader".
User avatar
Platinum Boarder

GK User
Thu Apr 19, 2012 6:08 pm
Don Lee wrote:Provide me with FTP access please, you are having two divs with the same id "gkHeader".


I have send you a PM.

There are three headers: the existing one of mystore and two new one as define in the coffee templates header1 and header2
User avatar
Senior Boarder

GK User
Thu Apr 19, 2012 6:19 pm
hgconsulting wrote:
Don Lee wrote:Provide me with FTP access please, you are having two divs with the same id "gkHeader".


I have send you a PM, but is still not send to you and is still in the outbox. How come??

There are three headers: the existing one of mystore and two new one as define in the coffee templates header1 and header2
User avatar
Senior Boarder

GK User
Thu Apr 19, 2012 9:45 pm
Did you receive my PM. They are still in the outbox.
User avatar
Senior Boarder

GK User
Fri Apr 20, 2012 2:19 pm
Yes I got it and gonna check for you right now.

Cheers,
User avatar
Platinum Boarder

GK User
Fri Apr 20, 2012 2:28 pm
Hi,

I moved it for you, code changed in file /templates/gk_mystore/layouts/blocks/header.php
User avatar
Platinum Boarder

GK User
Fri Apr 20, 2012 7:40 pm
Don Lee wrote:Hi,

I moved it for you, code changed in file /templates/gk_mystore/layouts/blocks/header.php


Hi Don,
Thank you very much :)
Regards Hans
User avatar
Senior Boarder

GK User
Sat Apr 21, 2012 3:05 pm
No problem at all, you're most welcome Hans :D
User avatar
Platinum Boarder

GK User
Tue Jun 05, 2012 11:14 pm
My logo is not being displayed because of the toolbar: See www.sucuisine.com
I would like to move the Logo higher on the screen.

Where can I change this?


See below the code for displaying the Logo

#gkLogo > a { text-indent:-999em; display:block; width:119px; height:44px; background:transparent url('../images/style2/logo.png') no-repeat 0 0; padding:0; }
#gkLogo.text a { color: #FFFFFF;font-size: 18px;height: 16px;line-height: 16px; margin-top:5px;}
#gkLogo.text .gkLogoSlogan {color: #FFFFFF;font-size: 11px;height: 14px;letter-spacing: 0.65px;line-height: 4px;font-weight:normal}
#gkLogo a { }
#gkLogo.text a { text-indent:0!important; background:none!important; }*/
User avatar
Senior Boarder

GK User
Tue Jun 05, 2012 11:17 pm
I like the slide show of the Coffee demo.

Please can you tell me which module is being used for the slide show.
My slide show is not smooth? I am using GK pro 4.

Regards
Hans
User avatar
Senior Boarder

GK User
Wed Jun 06, 2012 3:33 pm
Hi Hans,

Add this code to fix the issue with logo:
Code: Select all
#gkLogo, #gkLogo > a {
    background: url("../images/style2/logo.png") no-repeat scroll left center transparent!important;
}
User avatar
Platinum Boarder

GK User
Wed Jun 06, 2012 3:34 pm
The slideshow module is the same in Coffee demo, you could download quickstart of this template to install to get demo's configurations and copy its style to yours.

Cheers,
User avatar
Platinum Boarder

GK User
Mon Jun 11, 2012 10:29 pm
Many thanks for the logo solution

To install the coffe template is not easy since I have not a local server, I have to install om my www. sucuisine.com site. Or is there an other way to do this?
User avatar
Senior Boarder

GK User
Tue Jun 12, 2012 4:43 am
Hi,

You can use a virtual server installing right in your computer, I prefer wamp, it's very easy to install and use http://www.wampserver.com/en/

Or you can make a sub folder in your server and upload the files to there as well.
User avatar
Platinum Boarder

GK User
Sun Jun 24, 2012 5:42 pm
Hi Don
I have installed the new version of the slide show and the issue is resolved
User avatar
Senior Boarder

GK User
Sun Jun 24, 2012 5:46 pm
Hi Don,

I have created the slide show using the module of Gavick with a white box around.
But the white box is not in the middle. Hou can I align the the photo's are shown in the middle of the white box?
See www.sucuisine.com
Right side of the home page.


Thanks
User avatar
Senior Boarder

GK User
Mon Jun 25, 2012 3:00 pm
Hi,

Please try this code:
Code: Select all
#gkIs-gk-is-135{
margin-top:10px;
}
User avatar
Platinum Boarder

GK User
Mon Jun 25, 2012 11:17 pm
Hi Don,
Thanks, looks good.

I have defined 2 headers: the first one with text and the second one for the slide show.
I would like to change the 1st with text also to a slide show.
So I will have 2 slide shows.
I have tried this but the second is not activating. Is it not possible to have 2 slide shows on 1 site?
User avatar
Senior Boarder

GK User
Tue Jun 26, 2012 10:18 am
Hi,

I don't understand, how to see that problem? By the way, can you please create new topics for new issues then it would be easier for me to track.

Thanks,
User avatar
Platinum Boarder

GK User
Tue Aug 07, 2012 8:57 am
Hello there,
i tried the way u said, but mine is not working.
the way i did is written as follow,
1) The first step i add a new module position to my store template by editing the templateDetails.xml file.
<postions>myposition</positions>
2) second step i edit the gk.const.php file located in /lib/framework.
'myposition' => none;
3)in template/layout/blocks/toolbar.php i add following code,

<?php if($this->modules(‘myposition’)) : ?>
<div id="myposition">
<jdoc:include type=”modules” name=”myposition” style=”<?php echo $this->module_styles['myposition']; ?>” />
</div>
<?php endif; ?>

4) then I open: templates\gk_mystore\css\template.css
add in /*Containers*/
#myposition { position:absolute; margin:-20px 0 0 0;}

5) last step i open joomla administrator then in Module Manager: Module Custom HTML. i creat new one with the position
of my position.

my question is i did all the step but my logo is not showing at the top left .can anyone help me please. i am new to joomla also. really need help.

thanks in advance :)
regards,
sahar
User avatar
Fresh Boarder

GK User
Tue Aug 07, 2012 3:25 pm
Hi Sahar,

What is your site URL then I could take a look to check for you?

Thanks,
User avatar
Platinum Boarder

GK User
Wed Aug 08, 2012 6:38 am
Dear Don Lee,
first of all thanks for your reply:)
actually i am working in my local host.we already purchase domain name and by next week i will upload my website on server :). as soon as i get my domain name and upload it on server i will show u my website :D.
so do u think i need to wait till next week? :oops:

have a nice day

regards,
sahar
User avatar
Fresh Boarder

GK User
Thu Aug 09, 2012 5:06 pm
Yes it's fine Sahar, once you put it online, just provide me with access then I will check for you right away.

Cheers,
User avatar
Platinum Boarder


cron