WooCommerce - Variations - woocommerce

I am using WooCommerce in my project and would like to display variations in a similar style like http://www.e-rudy.com/en/products/detail/SN220724R1. They have a tab called "other colors". Is it possible to do that in WooCommerce?

Yes, it is possible, but you will have to add a custom template for that to be incorporated in the product tabs. In that template you should pull all the variations information corresponding to the main product.
If you don't do it as parent->variations products, you can still link them in the backend and show those in the template. In short, it's doable but you or someone else will have to code that part. It might also be possible to do it with wp-types views, but I have never used it so I can't comment.
Hope that helps to get you started.

Like this https://woocamp.com/product/classic-wordpress-shirt/ ?
When you click on the additional sizes, nothing visually happens. But the size is registered as a variation. Now, when you select a different color, the image actually changes and the image switches as well!
I did that using WooCommerce Variations and Swatches

Related

ExVat IncVat on single Product Page of Woocommerce

I am trying to integrate the exVat incVat auto Suffix from the Cart Page to the single product page..
Currently if you go to checkout the prices will show exVat incVAT depending on how taxes are set up within woocoomerce when change the country they change automatically to display correctly. However on the single product page it either shows nothing or you can force it to say one in the settings. Would be much nicer if it could display either suffix.
Screenshots of example from shop page:
incVat
exVat
Is there a solution to make the single product page do this?
(I have spent 5+hrs trying options from custom code and editing the templates but with little success so would appreciate some help :D)
I have tried a mash of other codes and my own experience into fucntions.php with fatal errors or not really touching what I am looking for.
I have also tried unsuccessfully editing WooCommerce template files.
Any help much appreciated.

Divide checkout field in woocomemrce

I need to totally customise WooCommerce checkout page. I can do a lot of things with Woocommerce programatically but this one is not an easy task since I need to divide these fields just like on the picture below.
Website is on this link: https://2houragency.com/. I can see that they have hidden some default Woocommerce HTML elements and created their own, but I am not sure how to do it by myself. And Wocommerce is not that easy to customise for this kind of pages.
Get into the templating documentation of WooCommerce here.
You'll probably want to use one of these template files to re-order/structure the checkout template.
You can find even more information in the Code Refference.

Conditional clothing product options based on Size and Color

I have a Woocommerce website in which we sell printed t-shirts, hoodies and sweatshirts. We have two product attributes; Size and Color. Currently, we're using the built-in attributes options like this (Our site is in Persian so I used a translator for you, it looks different because of that but we're using the defaults of Woocommerce):
https://i.stack.imgur.com/wqMgt.jpg
Now the problem is that if we want to make a specific size of a specific t-shirt unavailable, we have to either change the variations in products one by one (It's impossible because we have thousands of products with at least 70 variations) or use a plugin to bulk select and edit variations which we do. But it's still very slow and inefficient. As we add more products, it gets harder and slower to change a variation's status.
So what we need is a way to add global conditional logic that let us define which size of which color is available for t-shirts at any given time without needing to change anything inside the product editor. I've tried plugins like Yith Woocommerce Product Add-ons but they don't solve our problem. As you can see from the image, they let you set a single conditional logic for a whole field, they don't provide a solution for adding conditional logic to each option in a field.
Yith Product Add-ons limitation
Can you help me find a solution to this problem? In short, I need a plugin or solution that lets me set conditional logic for my attributes from the admin panel for t-shirt size and color without needing to set them in product pages.

HOw to show woocommerc products in list view?

Exactly like this image
How to show woocommerce products in list view with the dimension showing in the image above, and also how to dit the product category page. Please anyone help with this.
You should modify the WooCommerce template files for this one. I assume the D1, L etc. fields are custom fields. Check this custom fields generator. I prefer the modifications with hooks and actions. Here is a good starting point for the modification with hooks: WooCommerce Visual Hook Guide Remove actions what you don't need, and add new outputs from your custom fields to it. When you have all the fields you want to display, format the design with css (see CSS flex for this one). The process is the same at the Category pages. If you are not familiar with programming and WP, Woo template structure, you should study these topics at first.

Relationship based Taxonomies Dropdown

Please help.
I am very new to web development & don't have any computers background. I have created a pincodes database Website pincodes.forinfo.in using WordPress. I want a relationship based dropdown Taxonomies like www.pincode.city.
I have tried many ways from last 6 months but failed. Please help me.
I have custom Taxonomies State, District, City, pincode. I need a taxonomy dropdown, when user clicked on state the second dropdown should show the Districts of that particular state. Like wise when a user clicked on District the third dropdown should show the cities of the particular.
How can it is possible. Please help me.
I want show this dropdown on a WordPress page.
If you are using the latest version of Wordpress then I do not see the reason to be baffled by this, since you will be able to manage this from Appearance->Menu.
Check out my screenshots.
Click on the Screen Options button on the top right corner of the
Menu page. Screen Options
For me, Types is a custom Taxonomy, so I select it. The taxonomies appear on the left now Custom Tax Appears
You can now add the links to your menu and then arrange it so that it becomes a sub-menu of your primary menu.
This is how your menu should look if you want your custom taxonomy to be a sub-item of another menu item.
Sub menu items
You can do this by holding and dragging the item slightly to the right.
You can stack such items one below the other and create endless sub-menus.
I must mention that there are some themes that do not support sub-menus. If you theme doesn't, change it and check again.
Things that you need to do to implement your idea:
Get a good autocomplete plugin - Easyautocomplete (Much better than jQuery UI autocomplete)
Create three input boxes on a custom template page
Use enqueue_script to get your JS files to load with your Wordpress installation
Bind autocomplete to the three input text boxes
Learn how to query your Wordpress installation for your taxonomies
Use a php file to transfer a json file of your taxonomies to the autocomplete function - I would recommend this AJAX plugin
Have conditions in your php file according to which the 2nd field's values are fetched after getting the value of the first field and similarly for the third field
As I said, it's a lot of coding, and if you are really starting out to code this yourself, without much knowledge of PHP or jQuery, it's going to be very difficult. I would suggest you take the help of a developer.
You can even send me the details of logging into your Wordpress installation, if you want me to take a look.
Mail me at arunadaybasu#gmail.com

Resources