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!
Related
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!
I'm trying to display only the images of the colour variant I have selected on the product page. They're currently being pulled in by their Img Alt text, which is in the product list CSV.
I would to hide the thumbnails of the other colours when they're not selected, and switch to them when they are, including replacing the larger featured image.
Any help would be greatly appreciated. Thank you.
product-template.liquid https://pastebin.com/AyaDpNG4
theme.js https://pastebin.com/KBniw7J8
Link to Product page
https://4158qu33fstl4w69-53119090861.shopifypreview.com/products/lightweight-trainers
Link to CSV
https://docs.google.com/spreadsheets/d/1lc8XcHDMyMFGAkegTRrBLLTlQN8oNVbU430vT0aeP4Y/edit?usp=sharing
From a data standpoint, there is unfortunately no way to do this in vanilla shopify (without an app or using metafields to set up variant images).
The reason for this is that variants only allow one featured image in the data structure. For this reason, you'll likely need to go the app route.
An alternate "hacky" approach would be to add slugs to the end of your image names ('-maroon', '-black', '-all') and then use javascript to match up the images to the currently active variant. This would always be a bit risky and require work when uploading images, though.
Here are some APP, but most of the APPS over Shopify has paid.
Variant Image
Wizard
Variant Image Automator
I have a shop on PrestaShop 1.5 and I need to display products based on "features" criteria. To do this, I figured I need to modify (or clone and modify) homefeatured module. But how? I can't seem to find out what to add.
The file homefeatured.php only has $category and $products (with usage of $category). I'm totally in the dark, can someone help me out?
Do you like to show product on certain creiterial. Or you like to show special product. As homefeatured product serve the featured product. So if you add any product as featured it will show on home featured.
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.
I am so stuck trying to find an answer for this and I can't find it anywhere. Yet I have seen it done online. Basically all I want to do is have images show instead of the text.
Available finishes: White, Antique, Cinnamon
And instead of the text, they can select an image representing each color.
Example: http://www.amazon.com/Sundesa-BB28-MC01-BlenderBottle%C2%AE-Classic-28-ounce/dp/B0018G4ZEW/ref=sr_1_1?ie=UTF8&qid=1363033335&sr=8-1&keywords=blender+bottle
I DO NOT need the image to change as you select a color. I just need the color images to show...
You've probably found the answer by now, but are you looking for something like this? It worked well for us. http://docs.shopify.com/manual/configuration/store-customization/add-color-swatches-to-your-products
Inside the theme, shopify usually create a form with HTML tag option. Using liquid (Shopify language you use on the front end) you may add HTML tag img (image). You could load the own product image (probably you need to set the order properly matching variants with images). Another option is to load an image inside the theme assets, but you would have to upload it one by one. Hope it may give any idea...