Syndicate
| Title | Hits |
|---|---|
| Theming the register form in Drupal 6 | 632283 |
| True or false in php | 409691 |
| Theming the contact form in Drupal 6 | 248238 |
| File download in Drupal | 212216 |
| Sep |
| 28 |
The Envato Marketplace is in need of a new pricing redesign. Read more →
| Jun |
| 02 |
Whenever I think of the song Cars by Gary Numan, I think of a student film Read more →
| Sep |
| 25 |
The goal of this tutorial is to show how to “descramble” a long list of variants in Shopify using JavaScript.
The code will work for any number of variants. It will also work for any number of categories of variants. For example, you could sell a pen with these three categories of “variation”: quantity, precision in points (fine, extra-fine, etc.), and color. Other products you sell may hold a different list of options for quantity, type and color — and that's all good. Some other products may have different categories of variants altogether, or just more categories. Still all good. The code will actually parse through the variants titles and create select elements based on what is available on a per-product basis.
The following is not a screenshot. Pick something.
Hard to find anything in there. JavaScript will simplify that.
We want to present visitors with one drop-down select box per hard attribute your product has (for example, one for quantity, and one for color...). By hard attribute, I mean an attribute that justifies the creation of Shopify variants — any attribute that affects pricing. In our little example case, we assume that the color does affect pricing. But it is also possible to add to the mix a pure JavaScript attribute for color, as I explain in this other tutorial.
Here is a way to select a variant that is much easier on the eye:
This method uses JavaScript and is cosmetic. With JavaScript disabled in the browser, your visitors will still be able to pick any variant they want but will need to locate it in your list. If you do have a long list of variants, this tutorial may prove useful. If not... what are you doing here? ;-)
| Aug |
| 30 |
A new updated Visual jQuery API browser is available here. Remy Sharp did the update — to jQuery 1.2.6. There is an offline Adobe AIR version you can download here, so that you can run Visual jQuery as an application on your machine. Drupal is up to date too. The latest Drupal 6 release uses jQuery 1.2.6. I am not aware that the jQuery website links to this updated version of Visual jQuery, so I am posting the link here. Read more →
