WooCommerce - Can I use the woocommerce_show_product_images() Hook twice on same template?
I am making some adjustments to the (content-single-product.php) template in which I want to replicate the product gallery so have used the following hook twice.
<?php woocommerce_show_product_images(); ?>
I need to show the product image in two sizes one will be small and the other full size which I can do in CSS. I know it can be clicked or hovered but the client wants the layout to be simplified.
The issue is when the variants change it is only updating one gallery and not the other with the different product images.
I assume its not possible to have multiple hooks on a template to replicate a process ? if this is correct how can this be achieved ?
Thanks
image woocommerce hook
asked Nov 24 '18 at 8:30
SimonSimon
234
add a comment |
I am making some adjustments to the (content-single-product.php) template in which I want to replicate the product gallery so have used the following hook twice.
<?php woocommerce_show_product_images(); ?>
I need to show the product image in two sizes one will be small and the other full size which I can do in CSS. I know it can be clicked or hovered but the client wants the layout to be simplified.
The issue is when the variants change it is only updating one gallery and not the other with the different product images.
I assume its not possible to have multiple hooks on a template to replicate a process ? if this is correct how can this be achieved ?
Thanks
image woocommerce hook
asked Nov 24 '18 at 8:30
SimonSimon
234
add a comment |
I am making some adjustments to the (content-single-product.php) template in which I want to replicate the product gallery so have used the following hook twice.
<?php woocommerce_show_product_images(); ?>
I need to show the product image in two sizes one will be small and the other full size which I can do in CSS. I know it can be clicked or hovered but the client wants the layout to be simplified.
The issue is when the variants change it is only updating one gallery and not the other with the different product images.
I assume its not possible to have multiple hooks on a template to replicate a process ? if this is correct how can this be achieved ?
Thanks
image woocommerce hook
asked Nov 24 '18 at 8:30
SimonSimon
234
I am making some adjustments to the (content-single-product.php) template in which I want to replicate the product gallery so have used the following hook twice.
<?php woocommerce_show_product_images(); ?>
I need to show the product image in two sizes one will be small and the other full size which I can do in CSS. I know it can be clicked or hovered but the client wants the layout to be simplified.
The issue is when the variants change it is only updating one gallery and not the other with the different product images.
I assume its not possible to have multiple hooks on a template to replicate a process ? if this is correct how can this be achieved ?
Thanks
image woocommerce hook
image woocommerce hook
asked Nov 24 '18 at 8:30
SimonSimon
234
asked Nov 24 '18 at 8:30
SimonSimon
234
asked Nov 24 '18 at 8:30
SimonSimon
234
asked Nov 24 '18 at 8:30
SimonSimon
234
asked Nov 24 '18 at 8:30
SimonSimon
234
234
add a comment |
add a comment |
0
active
oldest
votes
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%2f53456491%2fwoocommerce-can-i-use-the-woocommerce-show-product-images-hook-twice-on-same%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f53456491%2fwoocommerce-can-i-use-the-woocommerce-show-product-images-hook-twice-on-same%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
