• Index
  • Core
    • button
    • link
    • base-header
    • base-section
    • base-heading
    • counter
    • img
    • icon
    • modal
    • footer
    • pagination
    • header
    • photogallery
    • cart-navigation
    • listing-navigation
    • listing-switch
    • tabs
  • Sections
    • posts-grid-section
    • post-detail-section
    • posts-list-section
    • usps-section
    • banner-section
    • faq-section
    • signpost-section
    • text-and-media-section
    • events-section
    • calendar-section
    • contact-form-section
    • steps-section
    • newsletter-section
    • hero-slider-section
    • documents-section
    • persons-section
    • testimonials-section
    • pricetable-section
    • priceplan-section
    • jobs-section
    • error-404-section
    • breadcrumbs-section
    • content-section
    • category-list-section
    • intro-section
    • registration-section
    • seo-section
    • team-image-section
    • gallery-section
    • cart-steps-section
    • products-listing-section
    • basket-thank-you-section
    • address-section
    • product-info-section
    • order-detail-section
    • order-section
    • ordered-products-section
    • product-detail
    • individual-print-section
    • filters-section
    • company-references-section
    • person-references-section
    • numbers-section
    • timeline-section
    • contact-boxes-section
    • reviews-section
    • print-configuration-footer-section
    • print-configuration-price-section
    • user-configurations-section
    • products-slider-section
  • Items
    • post-item
    • tag-item
    • alert-item
    • category-item
    • partner-item
    • information-item
    • content-toggle-item
    • product-item
    • product-overview-item
    • price-item
    • availability-item
    • progress-item
    • total-price-item
    • cart-item
    • tooltip-item
    • order-info-item
    • product-order-item
    • print-info-item
    • comparator-item
    • print-variant-item
  • Fields
    • text-field
    • password-field
    • file-field
    • textarea
    • single-select-field
    • single-select-inline-field
    • checkbox-field
    • checkbox-select-field
    • switch-field
    • date-field
    • color-field
    • radio-box-field
    • address-box-field
    • range-slider-field
  • Forms
    • contact-form
    • newsletter-form
    • registration-form
    • discount-form
    • address-form
    • user-info-form
    • review-form
    • send-cv-form
    • print-configuration-form
  • Widgets
    • cart-overview-widget
  • Modals
    • dimesions-modal
    • print-info-modal
    • product-out-of-stock-modal
    • wishlist-share-modal
    • print-method-modal
    • send-cv-modal
    • edit-comparator-name-modal
    • print-configuration-modal
    • delete-comparator-modal
    • delete-comparator-product-modal
    • delete-configuration-modal
  • Aside
    • documents-aside
    • delivery-aside
    • user-panel-aside

Print info modal

  • id:
  • figma
  • Preview
  • Twig
  • Html
  • Open

    Vlastní potisk

    Potisk:
    Potisk pouze přední strany
    Číslo konfigurace:
    PP23-00486-001
    Počet barev tisku:
    CMYK+ bílá
    Varianty tisku:
    Digitisk
    Nastavení tisku:
    30%
    Tiskový soubor:
    Vanoce_zadek.eps
    Doplňkové info k tisku:
    U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná.
  •         {% include "@Components/modals/print-info-modal/print-info-modal.twig" with {props: {
      configuration_number: "PP23-00486-001",
      print_type: "Potisk pouze přední strany",
      print_colors: "CMYK+ bílá",
      print_variants: "Digitisk",
      print_settings: "30%",
      print_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. ",
      print_file: {
        name: "Vanoce_zadek.eps",
        url: "#"
      }
    }} %}
    
          
  •           
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#' data-modal-target="modal-example-01">
          <span class="btn__title u-z-index-1">
          Open
        </span>
          
      
      </a>
    
      <div class="c-modal --size-md  --hidden" id="modal-example-01">
      <div class="c-modal__dialog">
    
        <div class="c-modal__content u-rounded-4">
          <div class="c-modal__inner d-flex flex-column">
    
                      <header class="c-modal__header d-flex flex-column gap-1">
                <h2 class="u-h3 c-modal__heading">Vlastní potisk</h2>
                          </header>
            
            <div class="c-modal__body ">
                  <div class="c-modal__print-info-table row">
                  <div class="col-sm-5 pb-1">
              <strong class="text-nowrap">Potisk:</strong>
            </div>
            <div class="col-sm-7 pb-3">
              <span class="u-fw-600">Potisk pouze přední strany</span>
            </div>
          
                  <div class="col-sm-5 pb-1">
              <strong class="text-nowrap">Číslo konfigurace:</strong>
            </div>
            <div class="col-sm-7 pb-3">
              <span class="u-fw-600">PP23-00486-001</span>
            </div>
          
                  <div class="col-sm-5 pb-1">
              <strong class="text-nowrap">Počet barev tisku:</strong>
            </div>
            <div class="col-sm-7 pb-3">
              <span class="u-fw-600">CMYK+ bílá</span>
            </div>
          
                  <div class="col-sm-5 pb-1">
              <strong class="text-nowrap">Varianty tisku:</strong>
            </div>
            <div class="col-sm-7 pb-3">
              <span class="u-fw-600">Digitisk</span>
            </div>
          
                  <div class="col-sm-5 pb-1">
              <strong class="text-nowrap">Nastavení tisku:</strong>
            </div>
            <div class="col-sm-7 pb-3">
              <span class="u-fw-600">30%</span>
            </div>
          
                  <div class="col-sm-5 pb-1 pt-sm-1">
              <strong class="text-nowrap">Tiskový soubor:</strong>
            </div>
            <div class="col-sm-7 pb-3">
                          <a href="#" target="_blank" class="i-selected-file text-decoration-none d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
                  <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_zadek.eps</span>
                </a>
                      </div>
          
                  <div class="col-sm-5 pb-1">
              <strong class="text-nowrap">Doplňkové info k tisku:</strong>
            </div>
            <div class="col-sm-7">
              <span class="u-fw-600">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. </span>
            </div>
              </div>
              </div>
    
            
            <div class="c-modal__button-container">
              <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
      
          <span class="btn__icon d-flex align-items-center justify-content-center">
            
      <span class="icon d-flex align-items-center justify-content-center  --lg">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
        </span>
      
      </button>
            </div>
    
          </div>
        </div>
    
      </div>
    
    </div>