remove slider and show gallary image as thumbnails in the detail page magento 2How to create custom less file? magento 2Magento2 : How to disable product image slider on detail page?Magento 2: How to set first image of slider in fotorama js after cancel fullscreen popup in product detail pagemagento 2 override the default “luma” fotorama-item product detail page slider .phtmlShow Upsell Product in product detail pageHow to adjust Magento 2 Thumbnail slider Width so the arrows are not “over the slider”Magento 2 Product Detail Page Image Not LoadingMagento 2 Product detail page show content without TabsLoad custom product detail page instead of default in Magento 2Magento 2.2, product image shows in grid and search templates, does not show on detail pageShow Separate product detail page based on attribute value in Magento 2
Is there a place to find the pricing for things not mentioned in the PHB? (non-magical)
Aluminum electrolytic or ceramic capacitors for linear regulator input and output?
Four married couples attend a party. Each person shakes hands with every other person, except their own spouse, exactly once. How many handshakes?
How could a scammer know the apps on my phone / iTunes account?
What exactly is this small puffer fish doing and how did it manage to accomplish such a feat?
Print a physical multiplication table
Employee lack of ownership
Is Manda another name for Saturn (Shani)?
Is honey really a supersaturated solution? Does heating to un-crystalize redissolve it or melt it?
Do I need life insurance if I can cover my own funeral costs?
Is there a symmetric-key algorithm which we can use for creating a signature?
Describing a chess game in a novel
Bacteria contamination inside a thermos bottle
Examples of transfinite towers
ERC721: How to get the owned tokens of an address
Recruiter wants very extensive technical details about all of my previous work
Most cost effective thermostat setting: consistent temperature vs. lowest temperature possible
Is there a hypothetical scenario that would make Earth uninhabitable for humans, but not for (the majority of) other animals?
Relationship between sampajanna definitions in SN 47.2 and SN 47.35
Why do newer 737s use two different styles of split winglets?
Why does overlay work only on the first tcolorbox?
PTIJ: Halachic Status of Breadboards on Pesach
How difficult is it to simply disable/disengage the MCAS on Boeing 737 Max 8 & 9 Aircraft?
How could an airship be repaired midflight?
remove slider and show gallary image as thumbnails in the detail page magento 2
How to create custom less file? magento 2Magento2 : How to disable product image slider on detail page?Magento 2: How to set first image of slider in fotorama js after cancel fullscreen popup in product detail pagemagento 2 override the default “luma” fotorama-item product detail page slider .phtmlShow Upsell Product in product detail pageHow to adjust Magento 2 Thumbnail slider Width so the arrows are not “over the slider”Magento 2 Product Detail Page Image Not LoadingMagento 2 Product detail page show content without TabsLoad custom product detail page instead of default in Magento 2Magento 2.2, product image shows in grid and search templates, does not show on detail pageShow Separate product detail page based on attribute value in 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 30 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 30 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 30 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 30 mins ago
Shoaib Munir
2,0271728
asked May 3 '18 at 12:51
jayjay
54
edited 30 mins ago
Shoaib Munir
2,0271728
asked May 3 '18 at 12:51
jayjay
54
edited 30 mins ago
Shoaib Munir
2,0271728
edited 30 mins ago
Shoaib Munir
2,0271728
edited 30 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
