css for add-to-cart button -> Lessons for dealing with front page!

Hi all,

I can't make the add-to-cart buttons centered from the administration side, theme.css in vm component folder is not solving the problem either, so still trying to find the right css in order to correct it. Could anyone please tell me where that .css is? Thank you.

Regards,

Capture_2011-04-18-2.PNG

Hi

Please guide me to the exact page where You have this problem. I see only "Product details" button.

That's because @Shamberg is using a different category browse page.
Our doesn't include add to cart button.

@Shamberg:
Try to add this line on theme.css file or on override.css file (don't forget to enable this last one on template parameters)

Code: Select all

.browseProductContainer .addtocart_button {display: block; margin: 0 auto;}


Naturally, it would be better if you could show us your website.

Cheers

Hi

Please guide me to the exact page where You have this problem. I see only "Product details" button.

Hi teitbite,

Instead of using K2 along with VM in the template, I decided to use VM alone. (K2 doesn't work with virtual pos integrations, that's why I remove it). In order to do that, first, upgrading the GK4 module is a must (upload thru FTP). And then, choose VM products from the parameters of GK4 module and allow for VM (add-to-cart) buttons to show on the front (from the parameters - backend).

Thank you.

Regards,

That's because @Shamberg is using a different category browse page.
Our doesn't include add to cart button.

@Shamberg:
Try to add this line on theme.css file or on override.css file (don't forget to enable this last one on template parameters)

Code: Select all

.browseProductContainer .addtocart_button {display: block; margin: 0 auto;}


Naturally, it would be better if you could show us your website.

Cheers

Hi Seichinha,

I actually sent an e-mail to you regarding this issue, incl. the website, several days ago Didn't post it here 'cos the website is locked but it'll be completely done and unlocked within the next few days.

I tried the css code below, but either way it's not working at all. Anyways, I removed GK4 and decided using a blank page in order to do what I need. But here, see the pic below, How can I remove the next article name(s) "More Articles...Example Pages and Menu Links"?

Just wanna see the numbers alone " « - Prev - 1 - 2 - Next - End - »"

capture.PNG

Thanks for the help though, appreciated a lot.

Regards,

-----------------------------------------------------------------------------------------------------------
15 minutes later... found the solution by my self. The reason why i'm trying to do is that I will be creating my own java script hover-effect buttons and pictures on front page.

I also decided to improve GK4, by adding Java Script codes into it...
-----------------------------------------------------------------------------------------------------------

To remove "More Articles..."

Go to ../templates/gk_mystore/html/com_content/frontpage/default_links.php

Removing this: <?php echo JText::_('More Articles...'); ?> from default_links.php or just type whatever you like instead of "More Articles..."

You may also remove <?php echo $this->escape($link->title); ?> if you don't want to see any article names (i.e: the red heading title in the pic above).

But, now, there is a great space

capture_2011-04-20.PNG

For this great space, simply go to default.php in the same folder.

Briefly, go to ../templates/gk_mystore/html/com_content/frontpage/default.php

And remove the code below from the 75th line, there will be no more gray line and that huge space that will bother you. Everything will look normal on the front page...

<div class="blog_more<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>">
<?php $this->links = array_slice($this->items, $i - $this->pagination->limitstart, $i - $this->pagination->limitstart + $numlinks);
echo $this->loadTemplate('links'); ?>
</div>

And again, if you don't want to see the counter (like 1 of 2 pages or 6 of 15 pages), see the picture below.

capture_2011-04-20-3.PNG

Remove the code below from default.php

<p class="counter">
<span><?php echo $this->pagination->getPagesCounter(); ?></span>
</p>

And the result:

capture_2011-04-20-2.PNG

The good thing is, in ../templates/your_template_name/html/com_content/..., you can find category, articles or whatever you need to change in order to move forward.

Hope this helps anyone else in future

Regards,

Hello again,

Lost in css files...

Ok, the last pic looks nice; unfortunately, the pagination is not centered (see the pic below), and i can't find its css. Anyone knows where to find it?

I was wondering if Gavick pro programmers may write small notes "what is where" in css files? It'd be super easier for some of us to find what we need.

Thank you.

Regards,

capture_2011-04-20-4.PNG