kyndof

Search site

<script>
  document.addEventListener('DOMContentLoaded', function() {
		
    // Identify Buttons
    const mainButton = document.querySelector('.scheme-switch-alpha__button--main');
    const altButton = document.querySelector('.scheme-switch-alpha__button--alt');
    
    // Set Focus on Click With Slight Delay
    altButton.addEventListener('click', function() {
      setTimeout(function() {
        mainButton.focus();
      }, 1);
    });
    mainButton.addEventListener('click', function() {
      setTimeout(function() {
        altButton.focus();
      }, 1);
    });
  });
</script>
시작하기Log in
0 
<script>
  document.addEventListener('DOMContentLoaded', function() {
		
    // Identify Buttons
    const mainButton = document.querySelector('.scheme-switch-alpha__button--main');
    const altButton = document.querySelector('.scheme-switch-alpha__button--alt');
    
    // Set Focus on Click With Slight Delay
    altButton.addEventListener('click', function() {
      setTimeout(function() {
        mainButton.focus();
      }, 1);
    });
    mainButton.addEventListener('click', function() {
      setTimeout(function() {
        altButton.focus();
      }, 1);
    });
  });
</script>
지금 시작하기
브랜드에 일관성을 더하는 비밀 - 240827

브랜드에 일관성을 더하는 비밀 – 헬리녹스와 무인양품

0개의 고객 상품평

₩60,000

2024년 8월 27일(화) 18:30PM KST

김용준 브랜드전략 디렉터, 킨도프

결제 방법:

2024년 8월 27일(화)

18:30PM KST

김용준 브랜드전략 디렉터, 킨도프

 

 

도대체 어떻게 브랜드 일관성을 유지해야할 지 모르겠다면?

참석자에게는 다시 들으실 수 있는 링크가 발송됩니다.

웨비나에 불만족하셨다면 전액 환불됩니다.

<style>
  /* -- The root styles must go in the element of the structure with the name "Single product"(Section). --*/
  
 /* -- Border radius to the main photo of the gallery -- */
  .single-product-4__gallery{
    .flex-viewport{
    	border-radius: var(--radius-m);
    }
  }
  
  .single-product-4__add-cart{
    /*-- Styles applied to the container containing the quantity form and the button may vary depending on whether it has variations or not. --*/
    .variations_button, .cart:not(:has(.variations_button)){
      display:flex;
      gap: var(--space-xs);
      
      /*-- Button styles "Add to cart" --*/
      .button{
      	margin-top:0;
        flex: 1;
      }
      
      /*-- Mobile Styles --*/
      @media(max-width: 766px){
      	flex-direction:column;
      }
    }
    
    /*- Border radius styles in quantity input -*/
    .quantity{
      .action.minus{
      	border-radius: var(--radius-s) 0 0  var(--radius-s);
      }
      
      .action.plus{
      	border-radius: 0  var(--radius-s)  var(--radius-s) 0;
      }
    }
  }
</style>

<script>
  /* The purpose of the script is to have the aria-expanded and aria-controls attributes for web accessibility. 
 You can remove this script and the accordion will still work. */
const btnFaq = document.querySelectorAll('.single-product-4__accordion-heading');
const contentFaq = document.querySelectorAll('.single-product-4__accordion-description');

btnFaq.forEach((button) => {
  button.addEventListener('click', () => {
    // Gets the current state of the button
    const isExpanded = button.getAttribute('aria-expanded') === 'true';

    // Reset all buttons to "false".
    btnFaq.forEach((currentBtn) => {
      currentBtn.setAttribute('aria-expanded', 'false');
    });

    // Changes the status of the current button
    button.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
  });
});

 // Load function after HTML content is loaded
document.addEventListener('DOMContentLoaded', function () {
  // Make a tour on each button there is
  btnFaq.forEach((button, i) => {
    const contentId = contentFaq[i].getAttribute('id');
    button.setAttribute('aria-controls', contentId);
  });
});

</script>

Send Close