November 28, 2012 at 11:19 pm #18222
I sell photos as
- photocards (photos on cards of different colors)
- (large) prints (different sizes)
I defined the attributes
- cards (values: colors)
- prints (values: sizes).
Then I assigned the attributes and variations to a product.
Now the “add to cart” button disappeared on the product detail page.
Also the product price is not displayed.
How can I fix this?
BTW: the area with the variations takes too much space, IMHO – and it should be placed to the right of the product image
BrunoNovember 29, 2012 at 6:17 am #98653
They need to select the options first before the add to cart and the price appear.
IsmaelNovember 29, 2012 at 8:00 am #98654
could you please have a look at the example: http://www.wp.fotowalther.ch/?product=us-8052
After selecting the option only the option “Clear the selection” appears – no “add to cart” button.
So, there is nothing the user can do except clear the selection!
There is no “add to cart” and no price appearing.
As in real life, I want to see the options together with the price before I put an article in my shopping cart.
is the fact that I offer 2 different products (cards, large prints), each with variations, assigned to the same image part of the problem?November 29, 2012 at 11:08 am #98655
sorry, there was a misunderstanding.
I figured out that the problem has indeed to do with the attributes.
The basic product is the displayed image.
It is available as
- large prints
(2 distinctive entities with individual prices)
Currently the price and the button only appear when you select card AND print.
This does not make sense as they are separate “makes” of the displayed product.
“Card” and “print” respectively are exclusive formats. and cannot both be selected at the same time!
What I want:
After selecting EITHER a variation of “cards” OR a variation of “prints” the price together with the “add to cart” button should appear.
Can you help me to achieve what I need?
BrunoNovember 29, 2012 at 2:55 pm #98656
in search of a solution I changed a product from “single” to “grouped” product.
The result adds new questions:
On the page http://www.wp.fotowalther.ch/?product_cat=usa
1) how can I hide the child-products (I want only the parent product to show)
2) the labels “show details” and “view options” both result in the same page being displayed.
How can I hide one of these labels?
On the page http://www.wp.fotowalther.ch/?product=us-8073
3) how can I change the width of the columns?
4) can I group/separate the child-products based on “attribute” (i.e. a table for “Cards” and beneath a table for “Prints”)
The WooCommerce Catalog option “When showing subcategories, hide products” is checked – it seems that a child-product is not recognized as a product in this contextNovember 30, 2012 at 7:38 pm #98657
WooCommerce is a great plugin with tons and tons of features as well as a very well written instruction manual. Based on the various settings , the data will be displayed or not.
On page http://www.wp.fotowalther.ch/?product=us-8052 , if you change the value in the Druck select box, the price and add to cart button will instantly appear. This is because there are different prices that you yourself set , and those prices are based on the Druck. Since there is no default price for the item, then none is shown. This behavior is not a fluke but a setup option selected by you.
Please be more specific about http://www.wp.fotowalther.ch/?product_cat=usa .. If you can take a screen grab and circle what you want removed. This will help us provide you with the correct solution on the first try. http://www.imgur.com is a great website that will help you do a screen grab and will even provide the drawing tools for you to show what needs to be done.
Your question “After selecting EITHER a variation of “cards” OR a variation of “prints” the price together with the “add to cart” button should appear’ has already been answered most likely on the Woo forums. You should first check the Woo Commerce Extensions http://www.woothemes.com/product-category/woocommerce-extensions/ , there are hundreds of them
NickDecember 1, 2012 at 8:57 am #98658
I spent days searching the WooCommerce documentation, the forums and the internet.
Over time I managed to find some of the answers, some only after I posted my questions (unfortunately after a certain time you can no longer edit and update the post, even if there is no reply yet).
May I repeat my two most burning questions:
1) On the page http://www.wp.fotowalther.ch/?product_cat=usa
how can I hide the child-products
On this page I want only to see an overview of the parent-products – no child products here.
(The child-products are those you see without image).
As I mentioned: I set the WooCommerce Catalog options to “When showing subcategories, hide products” – unfortunately the child-products show nevertheless
On the page http://www.wp.fotowalther.ch/?product=us-8073
2) how can I reduce the width of the grid?
it should not spread over the entire width of the container
I’m sorry if the answers to my questions look obvious to you – they are not to me.
I really appreciate your help
BrunoDecember 1, 2012 at 1:05 pm #98660
I setup a local Flashlight and installed the WooCommerce and played with it to try to understand what is happening on this page .( http://www.wp.fotowalther.ch/?product_cat=usa ) .
A “Grouped product” is a collection of related products which can be purchased individually. An example of a grouped product is an iPhone since it comes in multiple prices depending on hard drive size. Each is an individual stand alone product, yet grouped for convenience.
A “Variable product” is a product which has several different variations, each of which may have a different SKU, price, stock options etc. For example a tshirt available in several different colours and/or sizes.
Category pages .( http://www.wp.fotowalther.ch/?product_cat=usa ) .such as USA example only show products. You have 7 individual products which you grouped to create a “grouped product”. This is a mistake. What you should have is 1 product with 6 variations if each of your products is a photo but one is red, another yellow, another bigger, smaller etc but still is the same photo.
You are basically selling a product similar to a t-shirt in multiple colors and sizes and don’t want to show in the catalogue all 200 versions of that shirt in every size/color combination. That is a “variable product”
So, Please change what you are doing from 7 products to 1 product, and within that product add attributes (size, color) and then create variations (variable products)
This is the short list of how to create variations
1) make sure the product is listed as a variable product
2) make sure you check those two items under the attribute tab (visible on the product page and used for variations
3) making sure you add the actual variations into the attribute tab.
4) Publish/Update after setting the attributes *****but before you set the variations*****
yes, it sound complex I know. it took me a little while to refresh my memory since I don’t use this plugin on a daily basis.
I read and skimmed every one of the pages below to refresh my memory before answering your question:
http://www.youtube.com/watch?feature=player_embedded&v=7PX8MWBOAeo <— video that shows how to setup a variable product and attributes (watch it)
If you want results, just watch the youtube video. but to answer your question, there is no way to selectively block grouped products from category pages. Variations automatically do not show up on category pages (what you want).
I made this image showing how to get attributes started http://i.imgur.com/ofFTd.png
Your second question is no longer needed to be answered (if you choose to accept the above advice) since variations are shown differently on the item page (not in a grid).
NickDecember 1, 2012 at 7:31 pm #98661
what you suggest is what I did in the first place and what failed to do what I need.
There seems to be a fundamental misunderstanding regarding my products:
******* the T-shirt is the WRONG EXAMPLE! **********
Please let me try to explain with an hypothetical example:
Imagine a webshop. The product image shows a Mercedes.
You can buy it:
- as a toy car (children can sit on it an ride it). Variations: made of plastic, made of wood.
- as an automobile. Variations: power of the engine.
-> If you want to buy the toy car, it does not make sense to make it depend of the selection of an engine – an engine is not a variation of the toy car.
-> If you want to buy the automobile, there is no point in making it depend of the selection of the material, as material is not a variation of the automobile.
The products I offer are printed photographs.
You can buy them:
- as a card (a print of 11x17cm, glued on a double card (typically used as greeting card). Variations: the color of the underlying double-card.
- as a large print (some call it a fine-art print) to frame and hang on a wall. Variations: the size of the print.
“Card” is a product on its own and “large print” is a product on its own.
“print size” is not a variation of “card”, and “color” is not a variation of “large print”
The variations of “cards” and of “large prints” are mutually exclusive.
What they have in common is the digital photograph they are printed from.
The image on the “Card” is the same as on the “Print” product.
“Cards” and “Large Prints” are both prints, but different products nevertheless!
Please see: http://www.wp.fotowalther.ch/?product_cat=demo:
I photographed a sample of the 2 products and assigned them to a menu item “Demo” to show my point:
“Photo” is the original digital photo from which the products “Card” and “Print” are created.
To me the “Photo” is the parent-product (not for sale, only for display), “Card” and “Print” are the child-products (i.e. the actual available 2 products).
- The child products must not show on the same page with the parent-product.
- On the product details page the grid should not spread over the entire width of the container
Setting it up as a grouped product IMHO is not a mistake, but the only solution I know of, so far, that produced the result I have in mind:
When you select an individual (parent) photograph
- you are presented with the whole range of available cards and large prints made from it
- you see the price of any of these individual items
- you can produce a one-step order with any type and variation of the products in any quantity you like
Example: you could buy 3 red cards, 1 blue card and 1 large print 40x60cm from the same photo.
The shopping process is as follows:
a) select a category (Travel, Animals; Flowers)
b) browse through the images in this category
c) select an individual image
d) select the product type (how you would like the image to be printed): as a card and/or as a large print
e) select the variation and the quantity of the product
e) add the product(s) to the cart …
Unless you have a better solution I would be more than happy if you or any staff member could help me with my 2 questions (see above).
It’s killing me because without I cannot continue building my website (the shop is the cornerstone and serves as gallery AND shop).
I’m really sorry to cause so much trouble. I hoped someone could simply give me a piece of code I could add to the quick CSS or the custom CSS or a source file.
I’m fully aware that it must be difficult for you to understand, because key words such as “product”, “image” and “prints” have different meanings in the same context.
Thanks for your patience
I’m trying to replicate the functionality of my existing shop (Joomla/Virtuemart) of which my version is no longer supported and the migration to the new version completely failed. So I want to rebuild the shop with WordPress
You can see an example of the existing shop and its functionality here:December 1, 2012 at 8:44 pm #98662
Please note: in reality the image on the product detail page will be the same as on the catalog page (the images “Card” and “photo” are for demonstration purpose only). I tried to assign the “card” and “Print” image respectively as the featured image and the “photo” image as the catalog image – however, the software refused to accept 2 different images with a single product.December 2, 2012 at 5:53 pm #98663
Please don’t panic – I have good news.
As I mentioned: your suggestion is what I did in the first place and did not work the way I wanted it to:
Quote: “So, Please change what you are doing from 7 products to 1 product, and within that product add attributes (size, color) and then create variations (variable products)”. End quote. But your input motivated me to search further for a different option.
My mistake: “Card” and “print” are NOT attributes.
Your mistake: “Size” and “color” are NOT attributes
They are all variations of the product!
Combining these elements I eventually found the solution:
- I created a (single) “pro forma” attribute and named it “Product option”.
- I added all available products (card red, card white … print 20×30 etc.) as variations to the product “Photo”.
The width of the grid still bothers me. http://www.wp.fotowalther.ch/?product=tk-9768-2
But I think I’d rather start a new thread with this question.
Thanks again for your input and your patience.
The topic ‘"Add to cart" button disappeared’ is closed to new replies.