magento product option boxes style - magento

Hi I am novice at magento I just can do simple task and edit some css but now I need to redesign product page layout. What I cant do is change product options (like shoes size, or clothes S,M,XL etc..).
Now it has classic dropdown manu layout what i want is little boxes with options, like checkboxes.
See exemple here example of product
i dont know if there is some plugin for that or you need to see some source code to help me, if so write a comment i try paste neccesary code.
Thanks

try to add custom option for product,,,,you can see in manage product option in last tab custom option...

The options for configurable products are created here:
../template/catalog/product/view/type/options/configurable.phtml
Just edit the *.phtml to your needs. In default it is a simple select box.

Related

How to edit Magento product page template?

I have just installed custom options for grouped products plugin. It currently generates the template in the product page below the add-to-cart button. Now if I need to position it above the add-to-cart button, what procedure should I need to follow?
Thanks :)
Get familiar with how "getChildHtml" works. The block is added in layout yet (because you see it), so you just need to edit your catalog/product/view.phtml and change the positioning of the actual getChildHtml('block_name_in_layout_xml_you_want_to_move').

Magento Custom Options

I have two type of custom options in my product. One is with text boxes and the other with drop down/ checkbox. I want to display dropdown/ checkbox custom option just after the tier pricing area of the product detail page. Can anyone help me here?
You need to edit the template/view file(catalog/product/view.phtml) under the current theme directory.

Showing Custom Options on Magento Product Page

I am having a problem displaying custom options on the product page in Magento. I'm using Modern as the base for my theme, and changing themes doesn't seem to have any effect. The catalog.xml is almost the stock one for the theme.
When viewing the page, I get the message "Please specify the product's required option(s)." but nothing shows up. Additional information that have been added to the attributes show, but no product specific custom options.
Looking with developer hints, I see that /catalog/product/view/options/wrapper.phtml is not appearing on the file. Could something be missing in one of the layout .xml files?
Any idea what might be going on? Thanks!
If you have tried enabling the default template and it still doesn't work, try creating a new product with some options and see if that works. If that still doesn't work, enable the logs and pop them open and see if there are any errors being recorded during rendering. Also, make sure that they aren't just being hidden using CSS or JavaScript (try turning off the latter, for the former use Firebug to inspect the page)
The problem I had was related to this: http://sourceforge.net/projects/magmi/forums/forum/1228365/topic/4978977
The difference is that the attribute was set to container2 in my case when I need it set to container1.
Hope this helps someone else with this issue.
Compare your layout files to the default Magento layout files.

customize category page in magento

I am a newbie in magento. Please let me know how can I edit my category page.
If I want to add some html code to a particular category then from which file should I for in magento root folder.
Please help.
Thanx in advance.
If you only want to add to the category and not modify the existing output, then one option is to create a Static Block with whatever html that you want, and then edit your category and choose that block in the "Display Settings" tab.
Since you're new perhaps you should start with the designer's guide and theming wiki.
The difficulty with theming is no one file is responsible, about the best trick you can learn is using template hints.

display custom attributes on Virtuemart browse page

I need the browse page to show quantity box, custom attributes, and Add to Cart button all together.
It doesn't show it at all. Only when you go to the product page, you can see them.
Any solutions?
Thanks, Ahmed.
Ahmed, you'll have to modify the template directly to do something like that. VM uses a large number of template files written in PHP. If you're using the default template, you can find them here:
components/com_virtuemart/themes/default/templates/
From there, it takes a little looking around to figure out exactly which template you need to edit. If you need to edit a browse template, my recommendation is go to your VirtueMart Administration in Joomla backend and look at Admin | Configuration | Site | Layout to get an idea of which files you're using. It will probably say "Default" in the dropdown, with a Configuration link directly below. Click that link and look at the very first item, Product List Style. From the description of your layout desires, you might be using Flat Product List.
The main file for editing that layout is:
components/com_virtuemart/themes/default/templates/browse/includes/browse_listtable.tpl.php
If you're a programmer, you should be able to look thru the code and correctly guess which code elements are being used to display VM product details. If you're not a programmer, you can still fake it by commenting out sections to see what "goes away" on the actual product page. Use what you learn to strip out useful code and move it around.
Another useful file to pull VM product code from is:
components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php
This is the actual product view (unless it's been changed in VM config), and contains pretty much all the common code elements that extract product details. You should be able to lift some of that code and place it where it needs to go in other forms.
Good luck with all of this. I find VM coding painful, and community support in the VM forums can be... sparse...

Resources