Gsyfuy

What kind of hardware implements Fourier transform?

What are jets (units)?

Can an insurance company drop you after receiving a bill and refusing to pay?

What is the most triangles you can make from a capital "H" and 3 straight lines?

SQL Server 2017 - Temporal table issues

How do I say "Brexit" in Latin?

Macro only to be defined in math mode

Why would the Pakistan airspace closure cancel flights not headed to Pakistan itself?

Why do stocks necessarily drop during a recession?

Would a National Army of mercenaries be a feasible idea?

Blindfold battle as a gladiatorial spectacle - what are the tactics and communication methods?

Does windows 10s telemetry include sending *.docs if word crashed

Why did the villain in the first Men in Black movie care about Earth's Cockroaches?

How to deal with an incendiary email that was recalled

Roman Numerals equation 1

Why exactly do action photographers need high fps burst cameras?

Why zero tolerance on nudity in space?

How to tag distinct options/entities without giving any an implicit priority or suggested order?

How should I handle players who ignore the session zero agreement?

Why did other German political parties disband so fast when Hitler was appointed chancellor?

Why is "points exist" not an axiom in geometry?

If I delete my router's history can my ISP still provide it to my parents?

What makes the Forgotten Realms "forgotten"?

Cryptic with missing capitals

Swatches Hover Option

How can i disable Color Swatches Tooltip in Magento 2?get attribute option value in magento 2.1 using helper in custom module in data.phphow to get swatches attribute option in magento 2Black and White Magento Visual Swatches displaying Hex instead of color swatchColor swatches using product images on product pages and default swatches on category pagesprogrammatically add color swatches to color attribute Magento2How to reset swatches option in magento 2Want to display label or respected value on the visual swatch attribute at Layered navigation?Magento 2 Visual Swatches isn't appear for some productsReload swatches not showing in frontendSwatches disappearing

2

How to disable the hover option for swatches?

For Ex., Color attribute has the swatches. While we hover a swatch a div displaying that colour in a respective height and width.

Suggest the solution for this please.

magento2

share|improve this question

asked Sep 21 '18 at 4:39

Anand VAnand V

235

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Do you mean disable hover swatch on product listing page, the image change?
  
  – LAW
  Sep 21 '18 at 4:44
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Not the image change.When we hover the swatch (color) for ex., green color swatch, a box with green color will be displayed. I don't want any style when i want to hover the swatches.
  
  – Anand V
  Sep 21 '18 at 4:49
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You would like to have a look at the answer here, this might be you solution - magento.stackexchange.com/questions/135029/…
  
  – LAW
  Sep 21 '18 at 5:07
  
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Found the solution by using the CSS property...
  
  – Anand V
  Sep 21 '18 at 6:18
  

  
  
  
  

add a comment | 

2

How to disable the hover option for swatches?

For Ex., Color attribute has the swatches. While we hover a swatch a div displaying that colour in a respective height and width.

Suggest the solution for this please.

magento2

share|improve this question

asked Sep 21 '18 at 4:39

Anand VAnand V

235

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Do you mean disable hover swatch on product listing page, the image change?
  
  – LAW
  Sep 21 '18 at 4:44
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Not the image change.When we hover the swatch (color) for ex., green color swatch, a box with green color will be displayed. I don't want any style when i want to hover the swatches.
  
  – Anand V
  Sep 21 '18 at 4:49
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You would like to have a look at the answer here, this might be you solution - magento.stackexchange.com/questions/135029/…
  
  – LAW
  Sep 21 '18 at 5:07
  
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Found the solution by using the CSS property...
  
  – Anand V
  Sep 21 '18 at 6:18
  

  
  
  
  

add a comment | 

How to disable the hover option for swatches?

For Ex., Color attribute has the swatches. While we hover a swatch a div displaying that colour in a respective height and width.

Suggest the solution for this please.

magento2

share|improve this question

asked Sep 21 '18 at 4:39

Anand VAnand V

235

share|improve this question

asked Sep 21 '18 at 4:39

Anand VAnand V

235

share|improve this question

asked Sep 21 '18 at 4:39

Anand VAnand V

235

asked Sep 21 '18 at 4:39

Anand VAnand V

235

asked Sep 21 '18 at 4:39

Anand VAnand V

235

2 Answers
2

active

oldest

votes

0

swatches are rendered from vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js file:

copy that file and save in your theme directory i.e :

vendor-direcotry/theme/Magento_Swatches/web/js/swatch-renderer.js

search code below and just comment that out :

// Connect Tooltip

        container

            .find('[option-type="1"], [option-type="2"], [option-type="0"], [option-type="3"]')

            .SwatchRendererTooltip()

            ;

Then flush cache and deploy your static-content ( in default mode ). It will solve your issue.

share|improve this answer

answered Sep 21 '18 at 5:06

Naveed AsimNaveed Asim

2,5842315

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Sorry still not working
  
  – Anand V
  Sep 21 '18 at 6:18
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  make sure your customized js file is being loaded / mapped. check in your pub/static folder if it is created
  
  – Naveed Asim
  Sep 21 '18 at 6:19
  

  
  
  
  

add a comment | 

0

For me this worked:
vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js
copy to
YourVendor/Your_Theme/Magento_Swatches/web/js/swatch-renderer.js

Change this line:

         if (!$element.length) {

                $element = $('<div class="' +

                    $widget.options.tooltipClass +

                    '"><div class="image"></div><div class="title"></div><div class="corner"></div></div>'

                );

                $('body').append($element);

            }

in my case i removed only image and keeped title:

 if (!$element.length) {

        $element = $('<div class="' +

            $widget.options.tooltipClass +

            '"><div class="title"></div><div class="corner"></div></div>'

        );

        $('body').append($element);

    }

but if you want nothing, just remove full :

><div class="image"></div><div class="title"></div><div class="corner"></div></div>

share

answered 2 mins ago

BartZalasBartZalas

534312

add a 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
});


}
});

draft saved

draft discarded

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

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f243154%2fswatches-hover-option%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

0

swatches are rendered from vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js file:

copy that file and save in your theme directory i.e :

vendor-direcotry/theme/Magento_Swatches/web/js/swatch-renderer.js

search code below and just comment that out :

// Connect Tooltip

        container

            .find('[option-type="1"], [option-type="2"], [option-type="0"], [option-type="3"]')

            .SwatchRendererTooltip()

            ;

Then flush cache and deploy your static-content ( in default mode ). It will solve your issue.

share|improve this answer

answered Sep 21 '18 at 5:06

Naveed AsimNaveed Asim

2,5842315

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Sorry still not working
  
  – Anand V
  Sep 21 '18 at 6:18
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  make sure your customized js file is being loaded / mapped. check in your pub/static folder if it is created
  
  – Naveed Asim
  Sep 21 '18 at 6:19
  

  
  
  
  

add a comment | 

0

swatches are rendered from vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js file:

copy that file and save in your theme directory i.e :

vendor-direcotry/theme/Magento_Swatches/web/js/swatch-renderer.js

search code below and just comment that out :

// Connect Tooltip

        container

            .find('[option-type="1"], [option-type="2"], [option-type="0"], [option-type="3"]')

            .SwatchRendererTooltip()

            ;

Then flush cache and deploy your static-content ( in default mode ). It will solve your issue.

share|improve this answer

answered Sep 21 '18 at 5:06

Naveed AsimNaveed Asim

2,5842315

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Sorry still not working
  
  – Anand V
  Sep 21 '18 at 6:18
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  make sure your customized js file is being loaded / mapped. check in your pub/static folder if it is created
  
  – Naveed Asim
  Sep 21 '18 at 6:19
  

  
  
  
  

add a comment | 

swatches are rendered from vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js file:

copy that file and save in your theme directory i.e :

vendor-direcotry/theme/Magento_Swatches/web/js/swatch-renderer.js

search code below and just comment that out :

// Connect Tooltip

        container

            .find('[option-type="1"], [option-type="2"], [option-type="0"], [option-type="3"]')

            .SwatchRendererTooltip()

            ;

Then flush cache and deploy your static-content ( in default mode ). It will solve your issue.

share|improve this answer

answered Sep 21 '18 at 5:06

Naveed AsimNaveed Asim

2,5842315

// Connect Tooltip

        container

            .find('[option-type="1"], [option-type="2"], [option-type="0"], [option-type="3"]')

            .SwatchRendererTooltip()

            ;

share|improve this answer

answered Sep 21 '18 at 5:06

Naveed AsimNaveed Asim

2,5842315

answered Sep 21 '18 at 5:06

Naveed AsimNaveed Asim

2,5842315

answered Sep 21 '18 at 5:06

Naveed AsimNaveed Asim

2,5842315

0

For me this worked:
vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js
copy to
YourVendor/Your_Theme/Magento_Swatches/web/js/swatch-renderer.js

Change this line:

         if (!$element.length) {

                $element = $('<div class="' +

                    $widget.options.tooltipClass +

                    '"><div class="image"></div><div class="title"></div><div class="corner"></div></div>'

                );

                $('body').append($element);

            }

in my case i removed only image and keeped title:

 if (!$element.length) {

        $element = $('<div class="' +

            $widget.options.tooltipClass +

            '"><div class="title"></div><div class="corner"></div></div>'

        );

        $('body').append($element);

    }

but if you want nothing, just remove full :

><div class="image"></div><div class="title"></div><div class="corner"></div></div>

share

answered 2 mins ago

BartZalasBartZalas

534312

add a comment | 

0

For me this worked:
vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js
copy to
YourVendor/Your_Theme/Magento_Swatches/web/js/swatch-renderer.js

Change this line:

         if (!$element.length) {

                $element = $('<div class="' +

                    $widget.options.tooltipClass +

                    '"><div class="image"></div><div class="title"></div><div class="corner"></div></div>'

                );

                $('body').append($element);

            }

in my case i removed only image and keeped title:

 if (!$element.length) {

        $element = $('<div class="' +

            $widget.options.tooltipClass +

            '"><div class="title"></div><div class="corner"></div></div>'

        );

        $('body').append($element);

    }

but if you want nothing, just remove full :

><div class="image"></div><div class="title"></div><div class="corner"></div></div>

share

answered 2 mins ago

BartZalasBartZalas

534312

add a comment | 

For me this worked:
vendor/magento/module-swatches/view/frontend/web/js/swatch-renderer.js
copy to
YourVendor/Your_Theme/Magento_Swatches/web/js/swatch-renderer.js

Change this line:

         if (!$element.length) {

                $element = $('<div class="' +

                    $widget.options.tooltipClass +

                    '"><div class="image"></div><div class="title"></div><div class="corner"></div></div>'

                );

                $('body').append($element);

            }

in my case i removed only image and keeped title:

 if (!$element.length) {

        $element = $('<div class="' +

            $widget.options.tooltipClass +

            '"><div class="title"></div><div class="corner"></div></div>'

        );

        $('body').append($element);

    }

but if you want nothing, just remove full :

><div class="image"></div><div class="title"></div><div class="corner"></div></div>

share

answered 2 mins ago

BartZalasBartZalas

534312

         if (!$element.length) {

                $element = $('<div class="' +

                    $widget.options.tooltipClass +

                    '"><div class="image"></div><div class="title"></div><div class="corner"></div></div>'

                );

                $('body').append($element);

            }

 if (!$element.length) {

        $element = $('<div class="' +

            $widget.options.tooltipClass +

            '"><div class="title"></div><div class="corner"></div></div>'

        );

        $('body').append($element);

    }

><div class="image"></div><div class="title"></div><div class="corner"></div></div>

share

answered 2 mins ago

BartZalasBartZalas

534312

answered 2 mins ago

BartZalasBartZalas

534312

answered 2 mins ago

BartZalasBartZalas

534312