remove slider and show gallary image as thumbnails in the detail page magento 2
Remove the slider and show gallery image as thumbnails on the detail page Magento 2.
please anyone can help me how can I solve this??
magento2 gallery
edited 21 mins ago
Shoaib Munir
2,0271728
asked May 3 '18 at 12:51
jayjay
54
add a comment |
Remove the slider and show gallery image as thumbnails on the detail page Magento 2.
please anyone can help me how can I solve this??
magento2 gallery
edited 21 mins ago
Shoaib Munir
2,0271728
asked May 3 '18 at 12:51
jayjay
54
add a comment |
Remove the slider and show gallery image as thumbnails on the detail page Magento 2.
please anyone can help me how can I solve this??
magento2 gallery
edited 21 mins ago
Shoaib Munir
2,0271728
asked May 3 '18 at 12:51
jayjay
54
Remove the slider and show gallery image as thumbnails on the detail page Magento 2.
please anyone can help me how can I solve this??
magento2 gallery
magento2 gallery
edited 21 mins ago
Shoaib Munir
2,0271728
asked May 3 '18 at 12:51
jayjay
54
edited 21 mins ago
Shoaib Munir
2,0271728
asked May 3 '18 at 12:51
jayjay
54
edited 21 mins ago
Shoaib Munir
2,0271728
edited 21 mins ago
Shoaib Munir
2,0271728
edited 21 mins ago
Shoaib Munir
2,0271728
2,0271728
asked May 3 '18 at 12:51
jayjay
54
asked May 3 '18 at 12:51
jayjay
54
asked May 3 '18 at 12:51
jayjay
54
54
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You can set the template using layout XML, then make any customizations you want within that file:
In app/design/frontend/[Vendor]/[Module]/Magento_Catalog/layout/catalog_product_view.xml, add the following within the <body> tag:
<referenceBlock name="product.info.media.image">
<action method="setTemplate">
<argument name="template" xsi:type="string">path/to/your/template.phtml</argument>
</action>
</referenceBlock>
In this case, you will create a file in app/design/frontend/[Vendor]/[Module]/Magento_Catalog/templates/path/to/your/template.phtml. If you want to start with the native-magento template, you can copy the contents of vendor/magento/module-catalog/view/frontend/templates/product/view/gallery.phtml into your new template-file. This would give your a good starting point, but either way, you should be able create the desired output.
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
hey, thanks for your answer but I am new in Magento 2 so can you guide me how can I make like this. awesomescreenshot.com/image/3334108/…
– jay
May 3 '18 at 13:07
This article will help you create a theme. For this case, the only required parts are theregistration.phpandtheme.xml. Once you have a theme, you should be able to follow the instructions in my answer.
– mtr.web
May 3 '18 at 13:11
I have created a custom theme and I have overridden gallery.phtml but I need the design like this. i have a copy this file and put it on that on my theme.
– jay
May 3 '18 at 13:14
There are probably a dozen different ways that you could get your gallery to look that way. Add a custom css/less file to your theme, and start experimenting..
– mtr.web
May 3 '18 at 13:17
Also, if you are basing your design on an existing one, go to the site from your screenshot, right click the gallery and click inspect. That should give you an idea of the css that is used and how you can recreate it.
– mtr.web
May 3 '18 at 13:18
|
show 1 more comment
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
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: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
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%2fmagento.stackexchange.com%2fquestions%2f224632%2fremove-slider-and-show-gallary-image-as-thumbnails-in-the-detail-page-magento-2%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
You can set the template using layout XML, then make any customizations you want within that file:
In app/design/frontend/[Vendor]/[Module]/Magento_Catalog/layout/catalog_product_view.xml, add the following within the <body> tag:
<referenceBlock name="product.info.media.image">
<action method="setTemplate">
<argument name="template" xsi:type="string">path/to/your/template.phtml</argument>
</action>
</referenceBlock>
In this case, you will create a file in app/design/frontend/[Vendor]/[Module]/Magento_Catalog/templates/path/to/your/template.phtml. If you want to start with the native-magento template, you can copy the contents of vendor/magento/module-catalog/view/frontend/templates/product/view/gallery.phtml into your new template-file. This would give your a good starting point, but either way, you should be able create the desired output.
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
hey, thanks for your answer but I am new in Magento 2 so can you guide me how can I make like this. awesomescreenshot.com/image/3334108/…
– jay
May 3 '18 at 13:07
This article will help you create a theme. For this case, the only required parts are theregistration.phpandtheme.xml. Once you have a theme, you should be able to follow the instructions in my answer.
– mtr.web
May 3 '18 at 13:11
I have created a custom theme and I have overridden gallery.phtml but I need the design like this. i have a copy this file and put it on that on my theme.
– jay
May 3 '18 at 13:14
There are probably a dozen different ways that you could get your gallery to look that way. Add a custom css/less file to your theme, and start experimenting..
– mtr.web
May 3 '18 at 13:17
Also, if you are basing your design on an existing one, go to the site from your screenshot, right click the gallery and click inspect. That should give you an idea of the css that is used and how you can recreate it.
– mtr.web
May 3 '18 at 13:18
|
show 1 more comment
You can set the template using layout XML, then make any customizations you want within that file:
In app/design/frontend/[Vendor]/[Module]/Magento_Catalog/layout/catalog_product_view.xml, add the following within the <body> tag:
<referenceBlock name="product.info.media.image">
<action method="setTemplate">
<argument name="template" xsi:type="string">path/to/your/template.phtml</argument>
</action>
</referenceBlock>
In this case, you will create a file in app/design/frontend/[Vendor]/[Module]/Magento_Catalog/templates/path/to/your/template.phtml. If you want to start with the native-magento template, you can copy the contents of vendor/magento/module-catalog/view/frontend/templates/product/view/gallery.phtml into your new template-file. This would give your a good starting point, but either way, you should be able create the desired output.
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
hey, thanks for your answer but I am new in Magento 2 so can you guide me how can I make like this. awesomescreenshot.com/image/3334108/…
– jay
May 3 '18 at 13:07
This article will help you create a theme. For this case, the only required parts are theregistration.phpandtheme.xml. Once you have a theme, you should be able to follow the instructions in my answer.
– mtr.web
May 3 '18 at 13:11
I have created a custom theme and I have overridden gallery.phtml but I need the design like this. i have a copy this file and put it on that on my theme.
– jay
May 3 '18 at 13:14
There are probably a dozen different ways that you could get your gallery to look that way. Add a custom css/less file to your theme, and start experimenting..
– mtr.web
May 3 '18 at 13:17
Also, if you are basing your design on an existing one, go to the site from your screenshot, right click the gallery and click inspect. That should give you an idea of the css that is used and how you can recreate it.
– mtr.web
May 3 '18 at 13:18
|
show 1 more comment
You can set the template using layout XML, then make any customizations you want within that file:
In app/design/frontend/[Vendor]/[Module]/Magento_Catalog/layout/catalog_product_view.xml, add the following within the <body> tag:
<referenceBlock name="product.info.media.image">
<action method="setTemplate">
<argument name="template" xsi:type="string">path/to/your/template.phtml</argument>
</action>
</referenceBlock>
In this case, you will create a file in app/design/frontend/[Vendor]/[Module]/Magento_Catalog/templates/path/to/your/template.phtml. If you want to start with the native-magento template, you can copy the contents of vendor/magento/module-catalog/view/frontend/templates/product/view/gallery.phtml into your new template-file. This would give your a good starting point, but either way, you should be able create the desired output.
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
You can set the template using layout XML, then make any customizations you want within that file:
In app/design/frontend/[Vendor]/[Module]/Magento_Catalog/layout/catalog_product_view.xml, add the following within the <body> tag:
<referenceBlock name="product.info.media.image">
<action method="setTemplate">
<argument name="template" xsi:type="string">path/to/your/template.phtml</argument>
</action>
</referenceBlock>
In this case, you will create a file in app/design/frontend/[Vendor]/[Module]/Magento_Catalog/templates/path/to/your/template.phtml. If you want to start with the native-magento template, you can copy the contents of vendor/magento/module-catalog/view/frontend/templates/product/view/gallery.phtml into your new template-file. This would give your a good starting point, but either way, you should be able create the desired output.
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
answered May 3 '18 at 13:00
mtr.webmtr.web
758516
758516
hey, thanks for your answer but I am new in Magento 2 so can you guide me how can I make like this. awesomescreenshot.com/image/3334108/…
– jay
May 3 '18 at 13:07
This article will help you create a theme. For this case, the only required parts are theregistration.phpandtheme.xml. Once you have a theme, you should be able to follow the instructions in my answer.
– mtr.web
May 3 '18 at 13:11
I have created a custom theme and I have overridden gallery.phtml but I need the design like this. i have a copy this file and put it on that on my theme.
– jay
May 3 '18 at 13:14
There are probably a dozen different ways that you could get your gallery to look that way. Add a custom css/less file to your theme, and start experimenting..
– mtr.web
May 3 '18 at 13:17
Also, if you are basing your design on an existing one, go to the site from your screenshot, right click the gallery and click inspect. That should give you an idea of the css that is used and how you can recreate it.
– mtr.web
May 3 '18 at 13:18
|
show 1 more comment
hey, thanks for your answer but I am new in Magento 2 so can you guide me how can I make like this. awesomescreenshot.com/image/3334108/…
– jay
May 3 '18 at 13:07
This article will help you create a theme. For this case, the only required parts are theregistration.phpandtheme.xml. Once you have a theme, you should be able to follow the instructions in my answer.
– mtr.web
May 3 '18 at 13:11
I have created a custom theme and I have overridden gallery.phtml but I need the design like this. i have a copy this file and put it on that on my theme.
– jay
May 3 '18 at 13:14
There are probably a dozen different ways that you could get your gallery to look that way. Add a custom css/less file to your theme, and start experimenting..
– mtr.web
May 3 '18 at 13:17
Also, if you are basing your design on an existing one, go to the site from your screenshot, right click the gallery and click inspect. That should give you an idea of the css that is used and how you can recreate it.
– mtr.web
May 3 '18 at 13:18
hey, thanks for your answer but I am new in Magento 2 so can you guide me how can I make like this. awesomescreenshot.com/image/3334108/…
– jay
May 3 '18 at 13:07
hey, thanks for your answer but I am new in Magento 2 so can you guide me how can I make like this. awesomescreenshot.com/image/3334108/…
– jay
May 3 '18 at 13:07
This article will help you create a theme. For this case, the only required parts are the
registration.php and theme.xml. Once you have a theme, you should be able to follow the instructions in my answer.– mtr.web
May 3 '18 at 13:11
This article will help you create a theme. For this case, the only required parts are the
registration.php and theme.xml. Once you have a theme, you should be able to follow the instructions in my answer.– mtr.web
May 3 '18 at 13:11
I have created a custom theme and I have overridden gallery.phtml but I need the design like this. i have a copy this file and put it on that on my theme.
– jay
May 3 '18 at 13:14
I have created a custom theme and I have overridden gallery.phtml but I need the design like this. i have a copy this file and put it on that on my theme.
– jay
May 3 '18 at 13:14
There are probably a dozen different ways that you could get your gallery to look that way. Add a custom css/less file to your theme, and start experimenting..
– mtr.web
May 3 '18 at 13:17
There are probably a dozen different ways that you could get your gallery to look that way. Add a custom css/less file to your theme, and start experimenting..
– mtr.web
May 3 '18 at 13:17
Also, if you are basing your design on an existing one, go to the site from your screenshot, right click the gallery and click inspect. That should give you an idea of the css that is used and how you can recreate it.
– mtr.web
May 3 '18 at 13:18
Also, if you are basing your design on an existing one, go to the site from your screenshot, right click the gallery and click inspect. That should give you an idea of the css that is used and how you can recreate it.
– mtr.web
May 3 '18 at 13:18
|
show 1 more comment
Thanks for contributing an answer to Magento Stack Exchange!
- 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%2fmagento.stackexchange.com%2fquestions%2f224632%2fremove-slider-and-show-gallary-image-as-thumbnails-in-the-detail-page-magento-2%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
