Changing image variant url when a user clicks on it
I'am facing an issue regarding the image thumbnails view, here is the sample website (smartphonewidgets.myshopify.com)
When you click on a product variant image, the browser show up the featured image instead of the variant one.
How could I resolve this please ?
shopify shopify-template shopify-javascript-buy-sdk
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
add a comment |
I'am facing an issue regarding the image thumbnails view, here is the sample website (smartphonewidgets.myshopify.com)
When you click on a product variant image, the browser show up the featured image instead of the variant one.
How could I resolve this please ?
shopify shopify-template shopify-javascript-buy-sdk
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
add a comment |
I'am facing an issue regarding the image thumbnails view, here is the sample website (smartphonewidgets.myshopify.com)
When you click on a product variant image, the browser show up the featured image instead of the variant one.
How could I resolve this please ?
shopify shopify-template shopify-javascript-buy-sdk
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
I'am facing an issue regarding the image thumbnails view, here is the sample website (smartphonewidgets.myshopify.com)
When you click on a product variant image, the browser show up the featured image instead of the variant one.
How could I resolve this please ?
shopify shopify-template shopify-javascript-buy-sdk
shopify shopify-template shopify-javascript-buy-sdk
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
edited Nov 13 '18 at 23:16
user6910411
33.8k976100
33.8k976100
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
asked Nov 13 '18 at 18:26
MarouaneMarouane
1
1
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
If you are looking to select one of your variants when a variant image is clicked, Shopify has some documentation for this along with code snippets - Select Product Variants by Clicking their Image.
Depending on your theme, the code snippets may be cut/paste or you may need to dissect them a bit and adapt them for your needs.
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
Thank you for your answer, i already tried the documentation you gave but it doesn't work on my theme :(
– Marouane
Nov 17 '18 at 16:31
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287352%2fchanging-image-variant-url-when-a-user-clicks-on-it%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you are looking to select one of your variants when a variant image is clicked, Shopify has some documentation for this along with code snippets - Select Product Variants by Clicking their Image.
Depending on your theme, the code snippets may be cut/paste or you may need to dissect them a bit and adapt them for your needs.
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
Thank you for your answer, i already tried the documentation you gave but it doesn't work on my theme :(
– Marouane
Nov 17 '18 at 16:31
add a comment |
If you are looking to select one of your variants when a variant image is clicked, Shopify has some documentation for this along with code snippets - Select Product Variants by Clicking their Image.
Depending on your theme, the code snippets may be cut/paste or you may need to dissect them a bit and adapt them for your needs.
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
Thank you for your answer, i already tried the documentation you gave but it doesn't work on my theme :(
– Marouane
Nov 17 '18 at 16:31
add a comment |
If you are looking to select one of your variants when a variant image is clicked, Shopify has some documentation for this along with code snippets - Select Product Variants by Clicking their Image.
Depending on your theme, the code snippets may be cut/paste or you may need to dissect them a bit and adapt them for your needs.
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
If you are looking to select one of your variants when a variant image is clicked, Shopify has some documentation for this along with code snippets - Select Product Variants by Clicking their Image.
Depending on your theme, the code snippets may be cut/paste or you may need to dissect them a bit and adapt them for your needs.
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
answered Nov 14 '18 at 6:05
RadiatorRadiator
113
113
Thank you for your answer, i already tried the documentation you gave but it doesn't work on my theme :(
– Marouane
Nov 17 '18 at 16:31
add a comment |
Thank you for your answer, i already tried the documentation you gave but it doesn't work on my theme :(
– Marouane
Nov 17 '18 at 16:31
Thank you for your answer, i already tried the documentation you gave but it doesn't work on my theme :(
– Marouane
Nov 17 '18 at 16:31
Thank you for your answer, i already tried the documentation you gave but it doesn't work on my theme :(
– Marouane
Nov 17 '18 at 16:31
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53287352%2fchanging-image-variant-url-when-a-user-clicks-on-it%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
