Файл: Проектирование и оформление Web-сайта электронного магазина.pdf

Окончание таблицы 3

Приложение Б. Код плагина WooCommerce с версткой содержимого

<?php

defined( 'ABSPATH' ) || exit;

do_action( 'woocommerce_before_cart' ); ?>

<form class="woocommerce-cart-form" action="<?php echo esc_url( wc_get_cart_url() ); ?>" method="post">

<?php do_action( 'woocommerce_before_cart_table' ); ?>

<table class="shop_table shop_table_responsive cart woocommerce-cart-form__contents" cellspacing="0">

<thead>

<tr>

<th class="product-remove">&nbsp;</th>

<th class="product-thumbnail">&nbsp;</th>

<th class="product-name"><?php esc_html_e( 'Product', 'woocommerce' ); ?></th>

<th class="product-price"><?php esc_html_e( 'Price', 'woocommerce' ); ?></th>

<th class="product-quantity"><?php esc_html_e( 'Quantity', 'woocommerce' ); ?></th>

<th class="product-subtotal"><?php esc_html_e( 'Total', 'woocommerce' ); ?></th>

</tr>

</thead>

<tbody>

<?php do_action( 'woocommerce_before_cart_contents' ); ?>

<?php

foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {

$_product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );

$product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );

if ( $_product && $_product->exists() && $cart_item['quantity'] > 0 && apply_filters( 'woocommerce_cart_item_visible', true, $cart_item, $cart_item_key ) ) {

$product_permalink = apply_filters( 'woocommerce_cart_item_permalink', $_product->is_visible() ? $_product->get_permalink( $cart_item ) : '', $cart_item, $cart_item_key );

?>

<tr class="woocommerce-cart-form__cart-item <?php echo esc_attr( apply_filters( 'woocommerce_cart_item_class', 'cart_item', $cart_item, $cart_item_key ) ); ?>">

<td class="product-remove">

<?php

// @codingStandardsIgnoreLine

echo apply_filters( 'woocommerce_cart_item_remove_link', sprintf(

'<a href="%s" class="remove" aria-label="%s" data-product_id="%s" data-product_sku="%s">&times;</a>',

esc_url( wc_get_cart_remove_url( $cart_item_key ) ),

__( 'Remove this item', 'woocommerce' ),

esc_attr( $product_id ),

esc_attr( $_product->get_sku() )

), $cart_item_key );

?>

</td>

<td class="product-thumbnail">

<?php

$thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );

if ( ! $product_permalink ) {

echo $thumbnail; // PHPCS: XSS ok.

} else {

printf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $thumbnail ); // PHPCS: XSS ok.

}

?>

</td>

<td class="product-name" data-title="<?php esc_attr_e( 'Product', 'woocommerce' ); ?>">

<?php

if ( ! $product_permalink ) {

echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );

} else {

echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $_product->get_name() ), $cart_item, $cart_item_key ) );

}

do_action( 'woocommerce_after_cart_item_name', $cart_item, $cart_item_key );

// Meta data.

echo wc_get_formatted_cart_item_data( $cart_item ); // PHPCS: XSS ok.

// Backorder notification.

if ( $_product->backorders_require_notification() && $_product->is_on_backorder( $cart_item['quantity'] ) ) {

echo wp_kses_post( apply_filters( 'woocommerce_cart_item_backorder_notification', '<p class="backorder_notification">' . esc_html__( 'Available on backorder', 'woocommerce' ) . '</p>', $product_id ) );

}

?>

</td>

<td class="product-price" data-title="<?php esc_attr_e( 'Price', 'woocommerce' ); ?>">

<?php

echo apply_filters( 'woocommerce_cart_item_price', WC()->cart->get_product_price( $_product ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.

?>

</td>

<td class="product-quantity" data-title="<?php esc_attr_e( 'Quantity', 'woocommerce' ); ?>">

<?php

if ( $_product->is_sold_individually() ) {

$product_quantity = sprintf( '1 <input type="hidden" name="cart[%s][qty]" value="1" />', $cart_item_key );

} else {

$product_quantity = woocommerce_quantity_input( array(

'input_name' => "cart[{$cart_item_key}][qty]",

'input_value' => $cart_item['quantity'],

'max_value' => $_product->get_max_purchase_quantity(),

'min_value' => '0',

'product_name' => $_product->get_name(),

), $_product, false );

}

echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key, $cart_item ); // PHPCS: XSS ok.

?>

</td>

<td class="product-subtotal" data-title="<?php esc_attr_e( 'Total', 'woocommerce' ); ?>">

<?php

echo apply_filters( 'woocommerce_cart_item_subtotal', WC()->cart->get_product_subtotal( $_product, $cart_item['quantity'] ), $cart_item, $cart_item_key ); // PHPCS: XSS ok.

?>

</td>

</tr>

<?php

}

}

?>

<?php do_action( 'woocommerce_cart_contents' ); ?>

<tr>

<td colspan="6" class="actions">

<?php if ( wc_coupons_enabled() ) { ?>

<div class="coupon">

<label for="coupon_code"><?php esc_html_e( 'Coupon:', 'woocommerce' ); ?></label> <input type="text" name="coupon_code" class="input-text" id="coupon_code" value="" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" /> <button type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?>"><?php esc_attr_e( 'Apply coupon', 'woocommerce' ); ?></button>

<?php do_action( 'woocommerce_cart_coupon' ); ?>

</div>

<?php } ?>

<button type="submit" class="button" name="update_cart" value="<?php esc_attr_e( 'Update cart', 'woocommerce' ); ?>"><?php esc_html_e( 'Update cart', 'woocommerce' ); ?></button>

<?php do_action( 'woocommerce_cart_actions' ); ?>

<?php wp_nonce_field( 'woocommerce-cart', 'woocommerce-cart-nonce' ); ?>

</td>

</tr>

<?php do_action( 'woocommerce_after_cart_contents' ); ?>

</tbody>

</table>

<?php do_action( 'woocommerce_after_cart_table' ); ?>

</form>

<div class="cart-collaterals">

<?php

do_action( 'woocommerce_cart_collaterals' );

?>

</div>

<?php do_action( 'woocommerce_after_cart' ); ?>

<?php

$postClass = 'blog-post';

$postId = get_the_ID();

$lightbox = etheme_get_option('blog_lightbox');

$blog_slider = etheme_get_option('blog_slider');

$post_format = get_post_format();

$post_content = get_the_content('<span class="btn big filled pull-right read-more">'.__('Read More', 'royal').'</span>');

preg_match('/\[gallery.*ids=.(.*).\]/', $post_content, $ids);

$attach_ids = array();

$filtered_content = '';

if(!empty($ids)) {

$attach_ids = explode(",", $ids[1]);

$content = str_replace($ids[0], "", $post_content);

$filtered_content = apply_filters( 'the_content', $content);

}

$slider_id = rand(100,10000);

$postClass .= ' content-'.etheme_get_option('blog_layout');

?>

<article <?php post_class($postClass); ?> id="post-<?php the_ID(); ?>" >

<div>

<?php if($post_format == 'quote' || $post_format == 'video'): ?>

<?php the_excerpt(); ?>

<a href="<?php the_permalink(); ?>" class="more-link"><span class="btn big filled pull-right read-more"><?php esc_html_e('Read More', 'royal'); ?></span></a>

<?php elseif($post_format == 'gallery'): ?>

<?php if(count($attach_ids) > 0): ?>

<div class="owl-carousel post-gallery-slider slider_id-<?php echo $slider_id; ?>">

<?php foreach($attach_ids as $attach_id): ?>

<div>

<?php

$image = wp_get_attachment_image_src( $attach_id, 'large' );

echo sprintf(

'<img data-src="%s" alt="%s" class="owl-lazy attachment-large size-large" data-srcset="%s" sizes="%s" height="%s" width="%s" />',

esc_url( $image[0] ),

get_post_meta( $attach_id, '_wp_attachment_image_alt', true),

wp_get_attachment_image_srcset( $attach_id, 'large' ),

wp_get_attachment_image_sizes( $attach_id, 'large' ),

esc_attr( $image[1] ),

esc_attr( $image[2] )

);

?>

</div>

<?php endforeach; ?>

</div>

<script type="text/javascript">

jQuery(document).ready(function(){

jQuery('.slider_id-<?php echo $slider_id; ?>').owlCarousel({

items:1,

nav: true,

lazyLoad: true,

rewind: false,

addClassActive: true,

autoHeight:true,

responsive: {

1600 : {

items: 1

}

}

});

});

</script>

<?php endif; ?>

<?php elseif(has_post_thumbnail()): ?>

<div class="wp-picture">

<?php the_post_thumbnail('large'); ?>

<div class="zoom">

<div class="btn_group">

<a href="<?php echo etheme_get_image(); ?>" class="btn btn-black xmedium-btn" rel="pphoto"><span><?php esc_html_e('View large', 'royal'); ?></span></a>

<a href="<?php the_permalink(); ?>" class="btn btn-black xmedium-btn"><span><?php esc_html_e('More details', 'royal'); ?></span></a>

</div>

<i class="bg"></i>

</div>

</div>

<?php endif; ?>

<?php if($post_format != 'quote'): ?>

<h6 class="active"><?php the_category(',&nbsp;') ?></h6>

<h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

<?php if(etheme_get_option('blog_byline') && etheme_get_option('blog_layout') != 'timeline'): ?>

<div class="meta-post">

<?php esc_html_e('Posted on', 'royal') ?>

<?php the_time(get_option('date_format')); ?>

<?php esc_html_e('at', 'royal') ?>

<?php the_time(get_option('time_format')); ?>

<?php esc_html_e('by', 'royal');?> <span class="vcard"> <span class="fn"><?php the_author_posts_link(); ?></span></span>

<?php // Display Comments

if(comments_open() && !post_password_required()) {

echo ' / ';

comments_popup_link('0', '1 Comment', '% Comments', 'post-comments-count');

}

?>

</div>

<?php elseif(etheme_get_option('blog_byline') && etheme_get_option('blog_layout') == 'timeline'): ?>

<div class="meta-post">

<?php esc_html_e('Posted by', 'royal');?> <?php the_author_posts_link(); ?>

<?php // Display Comments

if(comments_open() && !post_password_required()) {

echo ' / ';

comments_popup_link('0', '1 Comment', '% Comments', 'post-comments-count');

}

?>

</div>

<?php endif; ?>

<?php endif; ?>

<?php if($post_format != 'quote' && $post_format != 'video' && $post_format != 'gallery'): ?>

<div class="content-article entry-content">

<?php the_excerpt(); ?>

<a href="<?php the_permalink(); ?>" class="more-link"><span class="btn big filled pull-right read-more"><?php esc_html_e('Read More', 'royal'); ?></span></a>

</div>

<?php elseif($post_format == 'gallery'): ?>

<div class="content-article entry-content">

<?php echo $filtered_content; ?>

</div>

<?php endif; ?>

</div>

<?php if(etheme_get_option('blog_byline') && etheme_get_option('blog_layout') == 'timeline'): ?>

<div class="meta-post-timeline">

<?php the_time(get_option('date_format')); ?> /

<?php the_time(get_option('time_format')); ?>

</div>

<?php endif; ?>

</article>

Приложение В. Перечень принятых терминов

1. Apache (Apache HTTP-сервер) – свободный веб-сервер. Apache является кроссплатформенным ПО, поддерживает операционные системы Linux, BSD, Mac OS, Microsoft Windows, Novell NetWare, BeOS.
2. PHP – скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.
3. MySQL – свободная реляционная система управления базами данных. Разработку и поддержку MySQL осуществляет корпорация Oracle, получившая права на торговую марку вместе с поглощённой Sun Microsystems, которая ранее приобрела шведскую компанию MySQL AB.
4. Плагин (англ. plug-in, от plug in «подключать») – независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей.
5. Таксономия WordPress – это принцип расположения записей. Образно, таксономии можно сравнить с папками на компьютере: куда складываются файлы. Заходим в папку, видим список файлов. В WordPress аналогично: заходим в таксономию (рубрику), видим список записей в ней.
6. Хостинг (англ. hosting) – услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящемся в сети (обычно Интернет). Обычно хостинг входит в пакет по обслуживанию сайта и подразумевает как минимум услугу размещения файлов сайта на сервере, на котором запущено ПО, необходимое для обработки запросов к этим файлам (веб-сервер).
7. WooCommerce – бесплатный плагин для электронной коммерции, с помощью которого можно продавать всё, что угодно, и делать это красиво. Данный плагин — это любимое во всём мире решение, которое обеспечивает полный контроль и владельцам магазинов, и разработчикам.
8. Виджет – небольшой графический элемент или модуль, вставляемый на сайт или выводимый на рабочий стол для отображения важной и часто обновляемой информации.
9. Дистрибутив (англ. distribute – распространять) – это форма распространения программного обеспечения. Дистрибутив обычно содержит программы для начальной инициализации системы.
10. API – описание способов (набор классов, процедур, функций, структур или констант), которыми одна компьютерная программа может взаимодействовать с другой программой.