photoswipe.php — WooCommerce 3.0.1

woocommerce / templates / single-product / photoswipe.php

woocommerce / templates / single-product Last commit date

add-to-cart 9 years ago tabs 9 years ago meta.php 9 years ago photoswipe.php 9 years ago price.php 9 years ago product-attributes.php 9 years ago product-image.php 9 years ago product-thumbnails.php 9 years ago rating.php 9 years ago related.php 9 years ago review-meta.php 9 years ago review-rating.php 9 years ago review.php 9 years ago sale-flash.php 9 years ago share.php 9 years ago short-description.php 9 years ago stock.php 9 years ago title.php 9 years ago up-sells.php 9 years ago

photoswipe.php

87 lines

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
19	if ( ! defined( 'ABSPATH' ) ) {
20	exit; // Exit if accessed directly.
21	}
22	?>
23
24	<!-- Root element of PhotoSwipe. Must have class pswp. -->
25	<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
26
27	<!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). -->
28	<div class="pswp__bg"></div>
29
30	<!-- Slides wrapper with overflow:hidden. -->
31	<div class="pswp__scroll-wrap">
32
33	<!-- Container that holds slides.
34	PhotoSwipe keeps only 3 of them in the DOM to save memory.
35	Don't modify these 3 pswp__item elements, data is added later on. -->
36	<div class="pswp__container">
37	<div class="pswp__item"></div>
38	<div class="pswp__item"></div>
39	<div class="pswp__item"></div>
40	</div>
41
42	<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
43	<div class="pswp__ui pswp__ui--hidden">
44
45	<div class="pswp__top-bar">
46
47	<!-- Controls are self-explanatory. Order can be changed. -->
48
49	<div class="pswp__counter"></div>
50
51	<button class="pswp__button pswp__button--close" aria-label="<?php esc_attr_e( 'Close (Esc)', 'woocommerce' ); ?>"></button>
52
53	<button class="pswp__button pswp__button--share" aria-label="<?php esc_attr_e( 'Share', 'woocommerce' ); ?>"></button>
54
55	<button class="pswp__button pswp__button--fs" aria-label="<?php esc_attr_e( 'Toggle fullscreen', 'woocommerce' ); ?>"></button>
56
57	<button class="pswp__button pswp__button--zoom" aria-label="<?php esc_attr_e( 'Zoom in/out', 'woocommerce' ); ?>"></button>
58
59	<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
60	<!-- element will get class pswp__preloader--active when preloader is running -->
61	<div class="pswp__preloader">
62	<div class="pswp__preloader__icn">
63	<div class="pswp__preloader__cut">
64	<div class="pswp__preloader__donut"></div>
65	</div>
66	</div>
67	</div>
68	</div>
69
70	<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
71	<div class="pswp__share-tooltip"></div>
72	</div>
73
74	<button class="pswp__button pswp__button--arrow--left" aria-label="<?php esc_attr_e( 'Previous (arrow left)', 'woocommerce' ); ?>"></button>
75
76	<button class="pswp__button pswp__button--arrow--right" aria-label="<?php esc_attr_e( 'Next (arrow right)', 'woocommerce' ); ?>"></button>
77
78	<div class="pswp__caption">
79	<div class="pswp__caption__center"></div>
80	</div>
81
82	</div>
83
84	</div>
85
86	</div>
87