Templating category products

[bytelord]

ok,

First of all you have a div without class and a <left> that i don't know what it is because i see the html output only using firebug as you understand. Place a class under div after the space container on your loop (you have changed this with your overrides). On the new class place a float left

<div class="pruductImage1">
   <left>
   <a href="/prb_bdg1/images/stories/virtuemart/product/rioja_muga_crianza.jpg" class="modal" title="rioja_muga_crianza"><img border="0" title="Muga crianza 2007" class="browseProductImage" alt="rioja_muga_crianza" src="/prb_bdg1/images/stories/virtuemart/product/resized/rioja_thumb.jpg"></a>                  </left>
                  <!-- The "Average Customer Rating" Part -->
</div>

like:
.pruductImage1 {
float:left;
}

then fix your css and the container ... i can't explained more

Regards

[naoko15]

The result is a bit messy : ( how can i fix this?

http://tinyurl.com/bq6jqv6

Sorry about all the bother, and thanks again...you're being great with me,... and very patient!

[bytelord]

Hello,

You are changing different styles, please add a float fleft on the attribute pruductImage1 ...

like

.pruductImage1 {
float:left;
}

Also you have inside template.css line 524  the following:

.row > div {
    display: table-cell;
    float: none !important;
}

why this float:none? May be was for other solution ...

Sorry but with only firebug i cannot help you on your custom template further, you have to edit proper your overrides and create the appropriate styles for your CSS.

Regards

[naoko15]

Thanks a lot bytelord. I might have found another way to do this though. I've found this post:

MY TEMPLATE DESIGN PROBLEMS:

I am having problems with the button colors, aspect, etc. I would like to change the button to a smallest and less abusive button, but only in the Categories page. I tried to change the line in the default.php (the one that I modified some lines ago in this post) that says:

Code Select Expand

<input type="submit" name="addtocart"  class="addtocart-button" value="<?php echo $button_lbl ?>" title="<?php echo $button_lbl ?>" />

Changing the class="addtocart-button" , to "addtocart-button-smaller", and creating a class into the .css file. The button appears as I want, but it does not run.... while I am writing these lines I see the problem. When I click the button the JQuery function that adds the products to the cart does not get executed, because the function is executed only for certain classes. So I see.. I have to modify vmprices.js and I suppose that I have to modify it adding:

addtocart-smaller = cart.find('input.addtocart-button-smaller'),

And adding a function for this:

addtocart-smaller.click(.... identical content of addtocart.click(...) });

Ok!

That's all for me

I've followed these instructions and managed to clone the add to cart button in the category layout and place it exactly where i need without disturbing the products module layout! I still need to do the same with the quantity box and quantity controls, since this solution doesn't work with these.

http://tinyurl.com/bq6jqv6

Any ideas? I'm very happy, i'm almost  there!!! : )

[bytelord]

Hello,

Change the span.quantity-box2 and the addtocart-button2 widths ... then please fix you css and divs for the row, the div without css class for the images...

I cannot tell you something more ... i have give the right instructions and i am not aware of your overrides, please try and be more patient ...

Regards

[naoko15]

I finally got it to look like i need to!!

http://tinyurl.com/bq6jqv6

Now my problem is that i think i messed the  quantity box code. I posted it in a separate post, because i think it's not related to templating.

You don't know how much i appreciate your help, you've been great to me, even though i am a real pain. Thanks x 1000

Edit: you've moved it, so i guess it's related to templating after all...sorry for that

[bytelord]

Hello,

Nice you did it, was easy after all Just need to be more patient ...

On your other question ... http://forum.virtuemart.net/index.php?topic=110986.msg372330#msg372330

Regards