photoswipe.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <?php
  2. /**
  3. * Photoswipe markup
  4. *
  5. * This template can be overridden by copying it to yourtheme/woocommerce/single-product/photoswipe.php.
  6. *
  7. * HOWEVER, on occasion WooCommerce will need to update template files and you
  8. * (the theme developer) will need to copy the new files to your theme to
  9. * maintain compatibility. We try to do this as little as possible, but it does
  10. * happen. When this occurs the version of the template file will be bumped and
  11. * the readme will list any important changes.
  12. *
  13. * @see https://docs.woocommerce.com/document/template-structure/
  14. * @author WooThemes
  15. * @package WooCommerce/Templates
  16. * @version 3.0.0
  17. */
  18. if ( ! defined( 'ABSPATH' ) ) {
  19. exit; // Exit if accessed directly.
  20. }
  21. ?>
  22. <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  23. <div class="pswp__bg"></div>
  24. <div class="pswp__scroll-wrap">
  25. <div class="pswp__container">
  26. <div class="pswp__item"></div>
  27. <div class="pswp__item"></div>
  28. <div class="pswp__item"></div>
  29. </div>
  30. <div class="pswp__ui pswp__ui--hidden">
  31. <div class="pswp__top-bar">
  32. <div class="pswp__counter"></div>
  33. <button class="pswp__button pswp__button--close" aria-label="<?php esc_attr_e( 'Close (Esc)', 'woocommerce' ); ?>"></button>
  34. <button class="pswp__button pswp__button--share" aria-label="<?php esc_attr_e( 'Share', 'woocommerce' ); ?>"></button>
  35. <button class="pswp__button pswp__button--fs" aria-label="<?php esc_attr_e( 'Toggle fullscreen', 'woocommerce' ); ?>"></button>
  36. <button class="pswp__button pswp__button--zoom" aria-label="<?php esc_attr_e( 'Zoom in/out', 'woocommerce' ); ?>"></button>
  37. <div class="pswp__preloader">
  38. <div class="pswp__preloader__icn">
  39. <div class="pswp__preloader__cut">
  40. <div class="pswp__preloader__donut"></div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  46. <div class="pswp__share-tooltip"></div>
  47. </div>
  48. <button class="pswp__button pswp__button--arrow--left" aria-label="<?php esc_attr_e( 'Previous (arrow left)', 'woocommerce' ); ?>"></button>
  49. <button class="pswp__button pswp__button--arrow--right" aria-label="<?php esc_attr_e( 'Next (arrow right)', 'woocommerce' ); ?>"></button>
  50. <div class="pswp__caption">
  51. <div class="pswp__caption__center"></div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>