WordPress.org

1. Nelson Jeronimo
   Member
   Posted 1 year ago #
   

   Hi everyone!

   I'm in the process of building a on-line store to sell a very customized kind of products: vinyl cutted draws.

   I've already made the layout in html/css and I'm about to start the process to build the dynamic backend using wordpress and some eCommerce plugin (woocommerce) but I need to heavily customize the product post type (I think).

   Why do I think I need to do this?
   Each of my products is a vectorial draw that I will upload to the server as a SVG. In the front store the user will be able to chose the draw, than choose the color of the vinyl from a color pallet (and with javascript live update the drawing, that I've got already covered), but there are 2 different pallets, depending on the vinyl finish (gloss or matte), meaning that he first have to choose the finish and after that the color. Than there is the size: there will be a proposed size, but the user can change that (there will be a limit for minimum and maximum size). Than there's the usual quantity (nothing special with this one) and finally the price that as to be x€/m2 (value in Euros for each square meter) for each product.

   Can someone tell me if is this possible with woo commerce and point me some sort of direction?

   Thanks in advance.

   http://wordpress.org/extend/plugins/woocommerce/

2. Nelson Jeronimo
   Member
   Posted 1 year ago #
   

   Hi again, I forgot to post a link to a "preview" of the product page, so here it goes:
   http://dl.dropbox.com/u/6704016/product.jpg

3. pixel-Jay
   Member
   Posted 1 year ago #
   

   It is possible using variations, and judging by the "preview", the modifications would mainly be cosmetic (css and javascript for the preview image of the selected options). I don't think you would need to modify the product post type, but you can definitely explore creating your own product types, then use WooCommerce as a base, that too is possible.

   Here's a link to explain variations a bit more, Product Variations.

   Hope that helps a bit

4. Nelson Jeronimo
   Member
   Posted 1 year ago #
   

   Thanks pixel-jay,

   I think I can get it with Product Variations... Theres only a little detail that if you have any suggestion I would very much appreciate the help.

   I think that this one is more "wordpress rellated" than woocommerce. I would like to upload the .svg files from the wordpress backend, in the "new product" page! Any suggestion?

   Thanks in advance.

5. pixel-Jay
   Member
   Posted 1 year ago #
   

   WordPress doesn't allow svg by default (I'm sure you've noticed...), but you can add extra upload-file-types. I have a link for you that has a function for just that, Using SVG files with WordPress, there is a plugin version for that function too.

6. Nelson Jeronimo
   Member
   Posted 1 year ago #
   

   Now I need serious help...

   Please have a look at this preview while reading my questions: https://dl.dropbox.com/u/6704016/product2.jpg

   First thing: this is the same website as before but with a new design/layout. I did not include a 2nd image that show up in the product page 'cause I think there is no relevance for this matter now.

   Background info: I'm using woocommerce for this website. The products are "simple", not variable ones. I'm using following fields:

   Title - For product name;
   Content edito "box": SVG file;
   Product type: Simple product;
   Regular price: price (for each square meter)
   Dimensions (width and height only): for enter the minimum width and height;
   Featured Image: for a photograph showcasing the product.

   For my product page I'm overriding the woocommerce template single-product.php page with one of my own. I just copied the woocommerce file to my template folder and start editing the file.

   From the original file I'm just using the get_header('shop') and do_action('woocommerce_before_main_content') (for the breadcrumb that I've customized too).

   To display the draw I'm using a function that I find in some woocommerce file;

   than I have the section #1 (in the attached preview) where the user choose the finishing of vinyl (gloss, matte, specials) each finish as a different color pallete of colors. For this I'm using an PHP array in an external file, 'cause it is easier for us to manage for now instead of making the variations; (and I'm using javascript to change the SVG drawing color to the one clicked)

   section #2 is for choosing the orientation of the draw (right reading or wrong reading);

   section #3 is where the user chooses the size he wants for is final product. The fields are pre-completed with the minimum sizes I've set in the backoffice. Each time the user changes one of the sizes, it dinamically calculates the other.

   Than there is "Quantity", "Value" (calculeted)...

   And finally my problem:
   What action am I supposed to attach to this submit button so I can send the collect data to the woocommerce cart?

   Help...

7. mikejolley
   Member
   Plugin Author
   Posted 11 months ago #
   

   We have an addons plugin you could base this on.. there are several hooks you need to use:

   - adding to the cart
   - loading session
   - saving session (per page)

   Bit too much for me to go into detail with.

Topic Closed

This topic has been closed to new replies.