wppizza / markup / cart / minicart.php
Minicart element at top of page containing order details if using shortcode [wppizza type='cart' minicart='1']
or enabled in the widget available from Appearance -> Widgets -> Wppizza -> Widget Type='Cart'
For shortcode attributes please refer to the shortcode section.
For layout options refer to WPPizza -> Layout -> Minicart
.
Please note: the minicart contains various empty html elements that are filled dynamically depending on current order status. Only ever one instance of the minicart will be displayed.
CSS Targeting
-
Wrapper div element ID:
#wppizza-minicart
if you simply want to edit some styles/layout (text-sizes, color, margins, paddings etc etc ) it is strongly recommended to use css instead of filters/actions. Please refer to Modify Styles/Layout
Structure
Note: the minicart is made up of empty html elements that are filled dynamically via ajax depending on current order status.
<div> #wppizza-minicart # wrapper div <div> .wppizza-totals-opacity </div> (an absolute positioned div without child elements to handle opacity) <span> .wppizza-totals-itemcount </span> (item in cart count - left) <span> .wppizza-totals-order </span> (value of order) <span> .wppizza-totals-itemcount </span> (item in cart count - right) <span> .wppizza-totals-viewcart-button </span> (view cart button) <span> .wppizza-totals-checkout-button </span> (go to checkout button) <span> .wppizza-totals-cart </span> (will be ajax filled with order details. empty if view cart disabled) </div> # end wrapper div
Filters available
apply filters by adding them to your child-theme’s functions.php (notes regarding functions.php).
many display options are also available by simply using the relevant shortcode attributes instead of filters
-
filter name:
wppizza_filter_minicart_widget_markup
purpose: modify the html markup of the html as required@param: $markup array (array of markup elements)
@param: $atts array (array of attributes)
@return: array -
filter examples:
add_filter('wppizza_filter_minicart_widget_markup', 'prefix_filter_minicart_container_markup'); function prefix_filter_minicart_container_markup($markup){ /* notes: use print_r($markup) to view array keys with their respective markup use print_r($atts) to view attributes set use global $wppizza_options; to access all options/settings/localization strings etc set in the plugin */ /* example: adding a paragraph AFTER cart container div element using standard php concatenation */ $markup['_div'] .= '<p>more text after div</p>'; /* example: adding a paragraph BEFORE cart container div element using standard php concatenation */ $markup['div_'] = '<p>more text before div</p>' . $markup['div_']; /* example: adding a paragraph AFTER cart container div element using wppizza array_splice helper function */ $splice_after['myprefix_paragraph'] = '<p>more text after div</p>'; $markup = wppizza_array_splice($markup, $splice_after, '_div' ); /* example: adding a paragraph BEFORE cart container div element using wppizza array_splice helper function */ $splice_before['myprefix_paragraph'] = '<p>more text buttons div</p>'; $markup = wppizza_array_splice($markup, $splice_before, 'div_' , true); /* example: using actions of another plugin that by default outputs html to add it after the container wrapper div */ ob_start(); # start buffering do_action('other_plugin_output'); # run action of other plugin that outputs things $buffer= ob_get_contents(); # capture buffer in variable ob_end_clean(); # clean buffer $markup['_div'] = $markup['_div'] . $buffer; # add buffered output after end of wrapper return $markup; }
Actions available
- none
Editing files directly
ensure you have also read the Modify/Edit Templates
basepath: [plugin-path]/wppizza/templates/markup
filepath: [plugin-path]/wppizza/templates/markup/cart/minicart.php
Modules used in file
- none (elements are filled dynamically via ajax)
Module used by other template file(s)
- None