Hjdcti

What do you call someone who asks many questions?

Fully-Firstable Anagram Sets

Is there a hemisphere-neutral way of specifying a season?

What is the most common color to indicate the input-field is disabled?

Is it unprofessional to ask if a job posting on GlassDoor is real?

Twin primes whose sum is a cube

Arrow those variables!

What to put in ESTA if staying in US for a few days before going on to Canada

What is a clear way to write a bar that has an extra beat?

Is "remove commented out code" correct English?

How can I fix/modify my tub/shower combo so the water comes out of the showerhead?

Memorizing the Keyboard

Why is Collection not simply treated as Collection<?>

Is it legal for company to use my work email to pretend I still work there?

Can one be a co-translator of a book, if he does not know the language that the book is translated into?

SSH "lag" in LAN on some machines, mixed distros

I would say: "You are another teacher", but she is a woman and I am a man

Intersection of two sorted vectors in C++

Watching something be written to a file live with tail

What's the point of deactivating Num Lock on login screens?

Can a rocket refuel on Mars from water?

Why was the shrinking from 8″ made only to 5.25″ and not smaller (4″ or less)?

Why is the 'in' operator throwing an error with a string literal instead of logging false?

Blender 2.8 I can't see vertices, edges or faces in edit mode

Use Jquery in KO Js Magento 2

jQuery returning undefined for value in billing step on checkoutMagento2 override admin js fileCheckout stuck step 2 (payment)OneStepCheckout - display subtotals of tax classMagento 2: Can't call parent function in JS / knockout fileMagento 2 checkout page where is coming from a order summary section's data in payment step?Magento 2: Initialize calendar widget inside payment uiComponentMoving payment to shipping step in Magento 2Can't validate Post Code on checkout pageMagento 2 : How to change the quantity of items in the checkout?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

On checkout page i want to hide summary component by default. and when a user clicks on a button i to show that Summary section. The Summary section is build through XML and KO. My Question is, Can i use Jquery in KO?

define(
[
 'ko',
 'uiComponent',
 'underscore',
 'Magento_Checkout/js/model/step-navigator',
 'Magento_Customer/js/model/customer',
 'jquery'
],
function (
 ko,
 Component,
 _,
 stepNavigator,
 customer,
 $
) 
 'use strict';
 /**
 * check-login - is the name of the component's .html template
 */
 return Component.extend(
 defaults: 
 template: 'Magento_Checkout/check-login'
 ,

 //add here your logic to display step,
 isVisible: ko.observable(true),
 isLogedIn: customer.isLoggedIn(),
 //step code will be used as step content id in the component template
 stepCode: 'isLogedCheck',
 //step title value
 stepTitle: 'Login',

 /**
 *
 * @returns *
 */
 initialize: function () 
 this._super();
 // register your step
 stepNavigator.registerStep(
 this.stepCode,
 //step alias
 null,
 this.stepTitle,
 //observable property with logic when display step or hide step
 this.isVisible,

 _.bind(this.navigate, this),

 /**
 * sort order value
 * 'sort order value' < 10: step displays before shipping step;
 * 10 < 'sort order value' < 20 : step displays between shipping and payment step
 * 'sort order value' > 20 : step displays after payment step
 */
 9
 );

 return this;
 ,

 /**
 * The navigate() method is responsible for navigation between checkout step
 * during checkout. You can add custom logic, for example some conditions
 * for switching to your custom step
 */
 navigate: function () 

 ,

 /**
 * @returns void
 */
 navigateToNextStep: function () 
 stepNavigator.next();
 

 );


 $(".checkout-btn").click(function()
 console.log("Hello World");
 $(".order-summary-sec").css("display","block");
 );

);

at the last i have pasted my jQuery Code. But it is not working.Any idea how i could be?

magento2 checkout knockoutjs

share

asked 1 min ago

i_ali55i_ali55

392112

add a comment | 

0

On checkout page i want to hide summary component by default. and when a user clicks on a button i to show that Summary section. The Summary section is build through XML and KO. My Question is, Can i use Jquery in KO?

define(
[
 'ko',
 'uiComponent',
 'underscore',
 'Magento_Checkout/js/model/step-navigator',
 'Magento_Customer/js/model/customer',
 'jquery'
],
function (
 ko,
 Component,
 _,
 stepNavigator,
 customer,
 $
) 
 'use strict';
 /**
 * check-login - is the name of the component's .html template
 */
 return Component.extend(
 defaults: 
 template: 'Magento_Checkout/check-login'
 ,

 //add here your logic to display step,
 isVisible: ko.observable(true),
 isLogedIn: customer.isLoggedIn(),
 //step code will be used as step content id in the component template
 stepCode: 'isLogedCheck',
 //step title value
 stepTitle: 'Login',

 /**
 *
 * @returns *
 */
 initialize: function () 
 this._super();
 // register your step
 stepNavigator.registerStep(
 this.stepCode,
 //step alias
 null,
 this.stepTitle,
 //observable property with logic when display step or hide step
 this.isVisible,

 _.bind(this.navigate, this),

 /**
 * sort order value
 * 'sort order value' < 10: step displays before shipping step;
 * 10 < 'sort order value' < 20 : step displays between shipping and payment step
 * 'sort order value' > 20 : step displays after payment step
 */
 9
 );

 return this;
 ,

 /**
 * The navigate() method is responsible for navigation between checkout step
 * during checkout. You can add custom logic, for example some conditions
 * for switching to your custom step
 */
 navigate: function () 

 ,

 /**
 * @returns void
 */
 navigateToNextStep: function () 
 stepNavigator.next();
 

 );


 $(".checkout-btn").click(function()
 console.log("Hello World");
 $(".order-summary-sec").css("display","block");
 );

);

at the last i have pasted my jQuery Code. But it is not working.Any idea how i could be?

magento2 checkout knockoutjs

share

asked 1 min ago

i_ali55i_ali55

392112

add a comment | 

On checkout page i want to hide summary component by default. and when a user clicks on a button i to show that Summary section. The Summary section is build through XML and KO. My Question is, Can i use Jquery in KO?

define(
[
 'ko',
 'uiComponent',
 'underscore',
 'Magento_Checkout/js/model/step-navigator',
 'Magento_Customer/js/model/customer',
 'jquery'
],
function (
 ko,
 Component,
 _,
 stepNavigator,
 customer,
 $
) 
 'use strict';
 /**
 * check-login - is the name of the component's .html template
 */
 return Component.extend(
 defaults: 
 template: 'Magento_Checkout/check-login'
 ,

 //add here your logic to display step,
 isVisible: ko.observable(true),
 isLogedIn: customer.isLoggedIn(),
 //step code will be used as step content id in the component template
 stepCode: 'isLogedCheck',
 //step title value
 stepTitle: 'Login',

 /**
 *
 * @returns *
 */
 initialize: function () 
 this._super();
 // register your step
 stepNavigator.registerStep(
 this.stepCode,
 //step alias
 null,
 this.stepTitle,
 //observable property with logic when display step or hide step
 this.isVisible,

 _.bind(this.navigate, this),

 /**
 * sort order value
 * 'sort order value' < 10: step displays before shipping step;
 * 10 < 'sort order value' < 20 : step displays between shipping and payment step
 * 'sort order value' > 20 : step displays after payment step
 */
 9
 );

 return this;
 ,

 /**
 * The navigate() method is responsible for navigation between checkout step
 * during checkout. You can add custom logic, for example some conditions
 * for switching to your custom step
 */
 navigate: function () 

 ,

 /**
 * @returns void
 */
 navigateToNextStep: function () 
 stepNavigator.next();
 

 );


 $(".checkout-btn").click(function()
 console.log("Hello World");
 $(".order-summary-sec").css("display","block");
 );

);

at the last i have pasted my jQuery Code. But it is not working.Any idea how i could be?

magento2 checkout knockoutjs

share

asked 1 min ago

i_ali55i_ali55

392112

define(
[
 'ko',
 'uiComponent',
 'underscore',
 'Magento_Checkout/js/model/step-navigator',
 'Magento_Customer/js/model/customer',
 'jquery'
],
function (
 ko,
 Component,
 _,
 stepNavigator,
 customer,
 $
) 
 'use strict';
 /**
 * check-login - is the name of the component's .html template
 */
 return Component.extend(
 defaults: 
 template: 'Magento_Checkout/check-login'
 ,

 //add here your logic to display step,
 isVisible: ko.observable(true),
 isLogedIn: customer.isLoggedIn(),
 //step code will be used as step content id in the component template
 stepCode: 'isLogedCheck',
 //step title value
 stepTitle: 'Login',

 /**
 *
 * @returns *
 */
 initialize: function () 
 this._super();
 // register your step
 stepNavigator.registerStep(
 this.stepCode,
 //step alias
 null,
 this.stepTitle,
 //observable property with logic when display step or hide step
 this.isVisible,

 _.bind(this.navigate, this),

 /**
 * sort order value
 * 'sort order value' < 10: step displays before shipping step;
 * 10 < 'sort order value' < 20 : step displays between shipping and payment step
 * 'sort order value' > 20 : step displays after payment step
 */
 9
 );

 return this;
 ,

 /**
 * The navigate() method is responsible for navigation between checkout step
 * during checkout. You can add custom logic, for example some conditions
 * for switching to your custom step
 */
 navigate: function () 

 ,

 /**
 * @returns void
 */
 navigateToNextStep: function () 
 stepNavigator.next();
 

 );


 $(".checkout-btn").click(function()
 console.log("Hello World");
 $(".order-summary-sec").css("display","block");
 );

share

asked 1 min ago

i_ali55i_ali55

392112

share

asked 1 min ago

i_ali55i_ali55

392112

asked 1 min ago

i_ali55i_ali55

392112

asked 1 min ago

i_ali55i_ali55

392112