News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Browse page templateing and other problems...

Started by lz1kka, October 15, 2011, 03:04:42 AM

Previous topic - Next topic

lz1kka

Hello and special thanks for the great and fantastic new version of Virtuemart 2! You have to know that I am a beginner and absolutely new bee in editing codes. I need your help to edit and redesign the category browse page. When you open virtuemart home page the "latest products" are shown very simply with just a title, picture (resized with my values) price and button. Also they are centered. Unfortunately when I open some of my product categories the browse page is with different design with more details, stock level and smaller picture. Now 2 days (yes, 2 days!) I am trying to change this! I am looking into category/tmpl/default.php template file, but I don't know how to copy the first one style and I am not sure that it is the right way, so please help me!

I have another problem that you may want to know. I am working on my new handbags online store and I need different product colors. The problem is that when I add new color variations with the same price as the original (value 0) it show me on the site "Color black: free Color white: free". I want just to be a dropdown menu with options, but when I try to configure in "Custom fields" it didn't work properly.

The last questions is how to accomplish site login? I can't see login module for VM2.0. Whe I use Joomla module I can't use the VM2.0 customer fields and other options.

Thank you in advance and good luck!  ;)

lz1kka

I still have these problems... Somebody who wants to help me?  :-\


lz1kka

Quote from: BanquetTables.pro on October 17, 2011, 12:13:25 PM
http://forum.virtuemart.net/index.php?topic=90935.0

The link is very useful but it does not answer the questions set by me. I can ask for the first one in your topic if it is better idea to get help.

Thanks!

PRO


lz1kka

#5
Quote from: BanquetTables.pro on October 17, 2011, 14:12:17 PM
what is your question?

As I wrote in my first post, I want to change the category page view design, but I don't know how and what to change in the code. If you visit my site www.twelve-group.com/royalbags/ you will see that "Latest products" are shown in one simply style and it is good for me. When you join in some of the categories, the products browse page is different. I want to remove "stock level" end etc. I want to make it the same as the home page. Please read my first post again. Thank you!

PRO


http://forum.virtuemart.net/index.php?topic=90935.0
http://dev.virtuemart.net/projects/virtuemart/wiki/Hints_for_the_use_of_the_template_system

The category view is

components/com_virtuemart/views/category/tmpl/default.php

read the above link about using template overrides, or when you update the changes with be overwrritten.

this is the stock level

Product Stock Level Picture

                  <div class="paddingtop8">
                     <span class="vmicon vm2-<?php echo $product->stock->stock_level ?>" title="<?php echo

$product->stock->stock_tip ?>"></span>
                     <span class="stock-level"><?php echo JText::_

('COM_VIRTUEMART_STOCK_LEVEL_DISPLAY_TITLE_TIP') ?></span>
                  </div>

jjk

Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

lz1kka

Thank you BanquetTables.pro and jjk!
With your help I was able to remove the "stock level" from .default.php but the thumbnail images in the columns are still smaller. Nowhere in this file I can't find sizes of thumbs. How to continue editing from here?

PRO

you have to change the width of the div. I think its set to width50 

AND::: when you change default.php your changes will be erased when an update occurs.
Override it
http://docs.joomla.org/Layout_Overrides_in_Joomla_1.6

jjk

...\components\com_virtuemart\views\category\tmpl\your_renamed_copy_of_default.php
around line 206:    <div class="width30 floatleft center">  change it to "width100... if you want the full thumbnail size.

If you still see some scaling on the browse page, you can also change this:
...\components\com_virtuemart\assets\css\vmsite-ltr.css
around line 162: ...product .spacer img{max-width:90%;height:auto;} ...change it to 100%.
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

lz1kka

#11
Quote from: jjk on October 17, 2011, 18:25:21 PM
...\components\com_virtuemart\views\category\tmpl\your_renamed_copy_of_default.php
around line 206:    <div class="width30 floatleft center">  change it to "width100... if you want the full thumbnail size.

If you still see some scaling on the browse page, you can also change this:
...\components\com_virtuemart\assets\css\vmsite-ltr.css
around line 162: ...product .spacer img{max-width:90%;height:auto;} ...change it to 100%.
jjk, it is the best help for begginers I have ever seen! Thank you!
First of all I made the first step, but the scaling was still active. After that I changed vmsite-ltr.css to {max-width:100%;height:auto;} but the thumbnails are still smaller. You can check this on my site: http://www.twelve-group.com/royalbags/index.php?option=com_virtuemart&view=category&virtuemart_category_id=9&lang=en

EDIT: Now I saw that the problem is not just the thumbnail resizing. The title and the price of the products are transferred to the bottom line. May be I have to change some value of the column...

PRO

div class="width30 floatleft center"

THATS wrapped around it.

just take the width30 totally out of it. You do not need it.

http://forum.virtuemart.net/index.php?topic=73348.0

jjk

Quote from: lz1kka on October 17, 2011, 19:01:15 PM
After that I changed vmsite-ltr.css to {max-width:100%;height:auto;} but the thumbnails are still smaller.

...Setting the max-width to "auto" too, probably would also help.
But BankuetTables.pro suggestion to take the "width30 floatleft center" out completely, is a good idea.

If you don't use it yet, try to install a free tool called "Firebug" (Firefox browser plugin).  You can use it to place your mouse pointer over the area which you want to change and it will show the relevant code in a window.
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

lz1kka

#14
I changed the max-width to "auto" too, after that I removed  <div class="width30 floatleft center"> and closing </div> and now the thumbnails are shown normally! Many thanks!!!
Unfortunately the text wrapping is still active.

I downloaded FireBug. Very helpful extension. I will use it often may be, but now I can't resolve the problem with it. Somewhere in the code is assigned another value width30, which I think wrap the title, price and the button, but I can't find it...