rjhodges

[rjhodges]

if anyone else wants to make the SKU variant switcher actually function properly, simply search for and replace the “claue.MultipleVariants…” section in your claue.min.js.liquid file with:

claue.MultipleVariants=function(i){var a=i.money_format,r=i.variant,t=$(“.product-single__content .product__price”),e=””,p=$(“.product-single__sku”),c=””;r&&(r.sku&&(c+='<span class=”product-single__sku”>’+r.sku+”</span>”),p.html(c),r.featured_image&&setTimeout(function(){$(‘.product-single__thumbnail-variant[data-variant-id=”‘+r.id+'”]’).trigger(“click”)},0),r.compare_at_price>r.price?(e+='<span class=”product__price–sale”>’+Shopify.formatMoney(r.price,a)+”</span>”,e+='<s class=”product__price–original” itemprop=”price” content=”‘+Shopify.formatMoney(r.price,a)+'”>’+Shopify.formatMoney(r.compare_at_price,a)+”</s>”):e+='<span class=”product__price–original”>’+Shopify.formatMoney(r.price,a)+”</span>”,t.html(e))};

RJ

[rjhodges]

Hey – I’ve been using the Claue template since v. 1.0 and at this point mine too is very heavily customized and edited.  To incorporate updates made to versions 1.05, 1.06 and 1.07 I have used this tool :

https://www.diffchecker.com/diff

Each time an update is released you have to download the new package, upload it to your store and in one browser tab be in the “edit code” section of the new, unedited version and in another browser tab be in the “edit code” section of your working, modified version.

Then look at the changlog which can be found here :

http://shopify.janstudio.net/claue/document/#changelog

Open each file listed under ‘File changes’ in both the newest, unedited version of Claue AND in your edited version, cut and paste the code from both into Diff Checker (new code on the left, your modified code on the right) and click the button at the bottom of the page that says “Find Difference!”.  That will tell you what the JanStudio guys have changed while it will also highlight the additions that you have made to your file in green.  Key in on anything in red on the left and if it isn’t something that you purposely removed previously, that is what they have added and what you will want to add to your modified file.

A tip: pay attention to line items and copy and paste code from the actual liquid files open in your other browser tabs NOT from the code in Diff Checker.

It’s pretty simple but can be time consuming but unfortunately it is the only way to update Shopify themes where the liquid and html files have been modified previously.

Hope that helps.

Ryan

[rjhodges]

Yes Foster, thanks, I figured it out myself then posted the solution in case anyone else had the same question.

Thanks for the reply though…

Ryan

[rjhodges]

So can you send me the update or send me the updated js? my email is [email protected] or do I have to wait until it posts to Themeforest.  I’m almost certain that the update that was sent to Themeforest as 1.06 wasn’t what you meant to send. For example, please refer to and respond to my initial point as originaly posted in thread #23651 :

Where are these options in the ‘customize’ backend?  I don’t see options for either of these from the changelog in general settings , product images, product page, etc. – I can’t find them ANYWHERE:

 

New feature: Add option to change product variant when change product thumbnail.
New feature: Add option to disable slick slider when change product variant.

 

I even did a diff check on settings_schema.json between 1.05 and 1.06 and don’t see any change that would provide for these two features.  The only difference is the version line and the “Don’t change the product images of the below type:” area.

Lol, my head will explode if I download 1.06 again, do another fresh install just to test and the variant switching still does not work like it does in your “claue-dev” example!!

Please advise.

Thanks Foster,

Ryan

[rjhodges]

yes, whatever you have at this url (https://claue-dev.myshopify.com/products/roxy-andie-jacket-201-womens) seems to work just fine but WHATEVER is uploaded to themeforest as v.1.06 results in the continued mishandling of the variants as demonstrated by my attached files in the previous posts.

again, fresh install, no modifications to CSS, liquid, js, or html and it does not work as your claue-DEV example above does.

I have accepted your request for access and modified it to be ‘complete access’ but obviously what you will be working in is my highly customized nearly complete website NOT the unmodified fresh install of 1.06.  I just did that to test if the clean install still replicated the same errors I was getting in my modified site and I did.

And Chris bailed – had to buy a different template because whatever was released as the last update did NOT correct anything.  I’m in too deep.  I need this one to work.

Thanks,

Ryan

 

[rjhodges]

Hey guys, on a similar note that may be of use to you as you work within this template, I realized that any additions or changes (ie function speeds) made to .js must be also made to the .min.js file as that is what is called upon in theme.liquid.  I use this tool to minify .js so that I can then add it to the claue.min.js.liquid file :

https://javascript-minifier.com/   – paste un-minified .js on the left, click the button and the output on the right will then need to be included in the claue.min.js.liquid file.

I also unchecked minify html way back after it jacked up everything on my site when I updated to a newer version about 6 weeks ago.

[rjhodges]

Right.  What is happening now is very out of the ordinary for these guys.  They had been very responsive and always helpful but over the last month seem to have, borrowing your word, become increasingly ‘slack’ in terms of providing support.  I’m so deep into my project that I cannot abandon Claue so I’m stuck – the variant switching is an absolute mess and that’s basically the one thing that I’m not able to gut out and rebuild on my own so I’m at the mercy of the developers coming around.

If you are going to build out the account section on your own and aren’t a liquid expert be sure to read that thread I sent you the link to.  It took me a few hours that day to figure out how to put it all together and that github is great in terms of address management code but the key to it actually working is the bit of code I pasted in there that must be added to theme.liquid.

Aside from the variants being entirely jacked (check out my posts on that complete with screen grabs – it’s almost laughable) do this… the search function is entirely unusable.  Go to their live demo https://claue-from-janstudio.myshopify.com/ and type the word “shirt”.  You’ll see what I mean.  Now this is something that I can rebuild on my own but I shouldn’t have to.  It’s why I paid for the template!  Just sloppy.

All in all however the template is solid and I have built a beautiful website upon it but I’m beyond let down with the three crucial flaws (pop up has zero control options, search function is a mess, variant image switching simply does not work) and the lack of features (bottomless scroll to load more, back to top button, subscribe pop up that is actually usable, wish list, etc.).  If you are going to stick with Claue and are interested in building any of those latter features into your site I have found my own solutions for each and would be happy to share.

Good luck!

Ryan

[rjhodges]

Hey, yes, there are major issues with the variant switching code which many of us have identified and posted about on the forum.  I have been sitting on my hands for about a month now waiting for the guys to fix the problems and we just got an update this week which unfortunately did not correct them.  Harry and Foster seem like good guys and in that past always were very prompt with their replies and helpful in finding solutions so with any luck they will have everything sorted out sooner rather than later.  Fingers crossed.

Ryan

[rjhodges]

They didn’t do a build out for the customer pages (addresses, order history, order details) Tim…  you have to create them yourself.  That’s what I did.

There is a little bit of info in an old thread that I started here re: the addresses page.  http://support.janstudio.net/forums/topic/customers-addresses-liquid/

Ryan

[rjhodges]

did a NEW fresh install of 1.06, no liquid, html or CSS modifications. and here is another example of it being whacky with an entirely new sample product.  in this example I’ve included the address bar so you can see that the variant is indeed changing but the colors don’t even match with the images and again we see a blank (no image at all) on the 3rd variant – please see attachments (these are different than the 4 attachments in my earlier post – this is an entirely different sample product.

Just wanted to pass along a second example.  I would create an admin account so you can have access to my backend but it won’t be just me given that what you are seeing in the attachments is again, a fresh install of 1.06, ZERO modifications to CSS, liquid, html, js or even in the Customization dashboard.

I look forward to any kind of guidance / support / etc. that you are able to pass along.

 

 

 

 

Attachments:

You must be logged in to view attached files.

[Author]

Posts