Above is the image.
I'm fetching products in Product page Shopify but the variation swatches not working properly. I used Smart Filter App in Shopify and the products are coming with swatches using GLO Color Swatches. Both are Globo Teams apps. But the variation swatches not working properly. Suppose we select variation of first product, the other product variations are affected too. I contacted Globo team for that issue but they told me that "It is not possible to change the app workflow as product page has only one product.". Also the wishlist app isn't working while we change variation. It always adds first variation of product.
Anyone has any idea about this issue? Thanks for any suggestions too.
The main goal is Product page contains more from this collection products they can also buy from this collection in Product page. Suppose we have Cloths collection and we opened one product's product page in Shopify. The product page contains More from Cloths collection in which there are many products with variation with add to cart and wishlist. Swatches should work properly with instock or out of stock functionality. Wishlist should perfectly work with variation swatches. If I select Black / Tshirt. The Wishlist must add Black / Tshirt in wishlist not the first variant of products.
This is not possible by any app. The only way to do it by custom coding.
Related
I made a category filter on my shopify website since my theme doesn't support filters. I made a collection of all my products and featured them on my page.
I essentially want to be able to filter out the featured products that the customer isn't interested in viewing. So if they click the "Shirts" category in the filter, only shirts will be seen on the page and the other elements disappear.
Is there a way to do this? Would I have to make a distinct ID for each individual product?
Thank you!
I have made several metafields with the type as product, so I know they work, but in this section they don't show up for this link. I can hardcode the link to a specific product, but I want it to be dynamic using metafields. I'm using the palo alto theme.
and this is the result when I click the dynamic source button:
I'd rather leave any theme customization or coding as a last resort.
A link would take a metafield of type url but you are trying to add a metafield of type product. Type product stores the product object with all its data that's not what you need here if you just need to link to the product page.
Id just set up another metafield of type url and pop the url of the product in there.
I'm not familiar with where you are adding this in the Palo Alto theme but unless this is a section that appears on multiple pages, like product pages or blog pages, where you need to link to a different product on each page you may not need a metafield at all.
I'm currently working on a Shopify project and I need to add color swatches on the product pages. I already did it in other projects using the product variants. But in this case the colors are different products. I found some examples on shopify:
Any help would be much appreciated!
Was wondering if anyone knows or have came across this shopify functionality I am looking. Basically you have images as a color option and when you select one it dynamically updates the featured image and the gallery.
Similar to this:
https://www.rugsusa.com/rugsusa/rugs/rugs-usa-shag/Natural/200SPRE14A-305.html
Any inputs are appreciated.
If I may rephrase your main question (Hopefully I've understood what you're after):
In Shopify, can I automatically update the product image based on the user's option selections?
Answer:
Yes!
Many (if not most/all) themes in Shopify support this natively - if variants in your products are assigned featured images through the product admin, the theme will update the main product image to that variant's featured image.
Not all themes have built-in colour swatches, but those that do should be able to replicate the style of your linked store without too much trouble. (Different themes with swatch support have different ways of implementing those swatches - you will want to check your theme's documentation to find out how to best set up your swatches for your store)
Hope this helps!
I've recently been working on a new Wordpress site using the WooCommerce and official Woocommerce Variable Product Swatches plugin.
My issue is that the product variation swatches have stopped working on their own. Here's a page for an example: http://butterlane.com/butterlanedev/product/cupcake/
The image swatches lined up along the top should switch the product image when clicked. Everything was working fine before but now the swatches are greyed out and i can see in the CSS that they've been switched to a .disabled class
I've tried creating a brand new product with brand new variations and the page still won't let me click on any of the swatches. I'm truly at a loss as to how this could have stopped working on its own. Hopefully someone with experience using the WooCommerce Variable Product Swatches plugin can help me figure out whats going on.
Thanks in advance for any help.
Try to turn off your swatches plugin and see if there are still "disabled" classes in the select dropdown list for your variations in the single product view page. If the class is still there then the plugin works how it should.
The variations are disabled if there are no more stocks in the inventory or is not available for purchase. Check your variable products for their stock quantity and price in each variation.
i believe there's a conflict in what the new Woocommerce (2.05) and what the last version of the plugin are meant to do with the other variation images once one has been selected. I'm guessing that the variation plugin uses one of the same trigger ID's in it's javascript as something else WooCommerce has chosen to use (there are only so many logical names for these things).
At this time it basically kills the ability to buy any of the products with variations... which is 'less than useful', for the moment I suggest turning off the plugin and using the default select list, which while ugly at least allows selection.
Waiting for this to get sorted out myself... and since WooThemes have decided to host on the slowest servers on the planet, I can't actually view their website to check the latest version of the plugin.
I guess i'll be pinging them on twitter.