296 lines
No EOL
7.3 KiB
PHP
296 lines
No EOL
7.3 KiB
PHP
<?php
|
|
|
|
/* Main */
|
|
$cartWidth = (int) $sy['scm-width'];
|
|
$cartheight = $sy['scm-height'];
|
|
$openFrom = $sy['scm-open-from'];
|
|
$fontFamily = $sy['scm-font'];
|
|
|
|
/* Basket */
|
|
$basketSize = $sy['sck-bk-size'];
|
|
$BasketMobile = $sy['sck-show-mobile'];
|
|
$showBasket = $sy['sck-enable'];
|
|
$basketPosition = $sy['sck-position'];
|
|
$basketShape = $sy['sck-shape'];
|
|
$basketIconSize = $sy['sck-size'];
|
|
$basketOffset = $sy['sck-offset'];
|
|
$basketHOffset = $sy['sck-hoffset'];
|
|
$countPosition = $sy['sck-count-pos'];
|
|
$basketBG = $sy['sck-basket-bg'];
|
|
$basketColor = $sy['sck-basket-color'];
|
|
$basketShadow = $sy['sck-basket-sh'];
|
|
$countBG = $sy['sck-count-bg'];
|
|
$countColor = $sy['sck-count-color'];
|
|
|
|
/* Header */
|
|
$closeIconSize = $sy['sch-close-fsize'];
|
|
$closeIconAlign = $sy['sch-close-align'];
|
|
$headingAlign = $sy['sch-head-align'];
|
|
$headFontSize = $sy['sch-head-fsize'];
|
|
$headBGColor = $sy['sch-bgcolor'];
|
|
$headTxtColor = $sy['sch-txtcolor'];
|
|
$headBorder = $sy['sch-border'];
|
|
|
|
/* Body */
|
|
$bodyFontSize = $sy['scb-fsize'];
|
|
$bodyBGColor = $sy['scb-bgcolor'];
|
|
$bodyTxtColor = $sy['scb-txtcolor'];
|
|
|
|
|
|
/*Product Row */
|
|
$bpVarFormat = $sy['scbp-var-format'];
|
|
$bpDisplay = $sy['scbp-display'];
|
|
$bPpadding = $sy['scbp-padding'];
|
|
$bPimgwidth = (int) $sy['scbp-imgw'];
|
|
$bPmargin = $sy['scbp-margin'];
|
|
$bPradius = (int) $sy['scbp-bradius'];
|
|
$bPshadow = $sy['scbp-shadow'];
|
|
$bpBgColor = $sy['scbp-bgcolor'];
|
|
|
|
|
|
/* Footer */
|
|
$footerStick = $sy['scf-stick'];
|
|
$buttonsOrder = $sy['scf-button-pos'];
|
|
$buttonPadding = $sy['scf-btn-padding'];
|
|
$buttonRows = $sy['scf-btns-row'];
|
|
$buttonTheme = $sy['scf-btns-theme'];
|
|
$buttonbgColor = $sy['scf-btn-bgcolor'];
|
|
$buttontxtColor = $sy['scf-btn-txtcolor'];
|
|
$buttonBorder = $sy['scf-btn-border'];
|
|
|
|
$HVbuttonbgColor = $sy['scf-btnhv-bgcolor'];
|
|
$HVbuttontxtColor = $sy['scf-btnhv-txtcolor'];
|
|
$HVbuttonBorder = $sy['scf-btnhv-border'];
|
|
|
|
$ftrPadding = $sy['scf-padding'];
|
|
$ftrBgColor = $sy['scf-bgcolor'];
|
|
$ftrTxtColor = $sy['scf-txtcolor'];
|
|
$ftrFsize = $sy['scf-fsize'];
|
|
$ftrShadow = $sy['scf-shadow'];
|
|
|
|
|
|
/* Shortcode */
|
|
$SCbasketSize = $sy['shbk-size'];
|
|
$SCbasketColor = $sy['shbk-color'];
|
|
$SCcountBG = $sy['shbk-count-bg'];
|
|
$SCcountColor = $sy['shbk-count-color'];
|
|
$SCtxtColor = $sy['shbk-txt-color'];
|
|
|
|
if( $buttonRows === 'three' ){
|
|
$gridCols = '1fr 1fr 1fr';
|
|
}
|
|
elseif ( $buttonRows === 'two_one' ) {
|
|
$gridCols = '2fr 2fr';
|
|
echo 'a.xoo-wsc-ft-btn:nth-child(3){
|
|
grid-column: 1/-1;
|
|
}';
|
|
}
|
|
elseif ( $buttonRows === 'one_two' ) {
|
|
$gridCols = '2fr 2fr';
|
|
echo 'a.xoo-wsc-ft-btn:nth-child(1){
|
|
grid-column: 1/-1;
|
|
}';
|
|
}
|
|
else{
|
|
$gridCols = 'auto';
|
|
}
|
|
|
|
?>
|
|
|
|
|
|
|
|
<?php if( $buttonTheme === 'custom' ): ?>
|
|
|
|
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
|
|
background-color: <?php echo $buttonbgColor ?>;
|
|
color: <?php echo $buttontxtColor ?>;
|
|
border: <?php echo $buttonBorder ?>;
|
|
padding: <?php echo $buttonPadding ?>;
|
|
}
|
|
|
|
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn:hover {
|
|
background-color: <?php echo $HVbuttonbgColor ?>;
|
|
color: <?php echo $HVbuttontxtColor ?>;
|
|
border: <?php echo $HVbuttonBorder ?>;
|
|
}
|
|
|
|
<?php endif; ?>
|
|
|
|
.xoo-wsc-footer{
|
|
background-color: <?php echo $ftrBgColor ?>;
|
|
color: <?php echo $ftrTxtColor ?>;
|
|
padding: <?php echo $ftrPadding ?>;
|
|
box-shadow: <?php echo $ftrShadow ?>;
|
|
}
|
|
|
|
.xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount{
|
|
font-size: <?php echo $ftrFsize ?>px;
|
|
}
|
|
|
|
.xoo-wsc-btn .amount{
|
|
color: <?php echo $buttontxtColor ?>
|
|
}
|
|
|
|
.xoo-wsc-btn:hover .amount{
|
|
color: <?php echo $HVbuttontxtColor ?>;
|
|
}
|
|
|
|
.xoo-wsc-ft-buttons-cont{
|
|
grid-template-columns: <?php echo $gridCols ?>;
|
|
}
|
|
|
|
.xoo-wsc-basket{
|
|
<?php echo $basketPosition ?>: <?php echo $basketOffset ?>px;
|
|
<?php echo $openFrom ?>: <?php echo $basketHOffset ?>px;
|
|
background-color: <?php echo $basketBG ?>;
|
|
color: <?php echo $basketColor ?>;
|
|
box-shadow: <?php echo $basketShadow ?>;
|
|
border-radius: <?php echo $basketShape === 'round' ? '50%' : '14px' ?>;
|
|
display: <?php echo $showBasket === 'hide_empty' || $showBasket === 'always_hide' ? 'none' : 'flex'; ?>;
|
|
width: <?php echo $basketSize; ?>px;
|
|
height: <?php echo $basketSize; ?>px;
|
|
}
|
|
|
|
<?php if( $BasketMobile !== 'yes' ): ?>
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.xoo-wsc-basket, .xoo-wsc-basket[style*='block'] {
|
|
display: none!important;
|
|
}
|
|
}
|
|
|
|
<?php endif; ?>
|
|
|
|
.xoo-wsc-bki{
|
|
font-size: <?php echo $basketIconSize.'px' ?>
|
|
}
|
|
|
|
.xoo-wsc-items-count{
|
|
<?php echo $countPosition === 'top_right' || $countPosition === 'top_left' ? 'top' : 'bottom' ?>: -12px;
|
|
<?php echo $countPosition === 'top_right' || $countPosition === 'bottom_right' ? 'right' : 'left' ?>: -12px;
|
|
}
|
|
|
|
.xoo-wsc-items-count{
|
|
background-color: <?php echo $countBG ?>;
|
|
color: <?php echo $countColor ?>;
|
|
}
|
|
|
|
.xoo-wsc-container, .xoo-wsc-slider{
|
|
max-width: <?php echo $cartWidth ?>px;
|
|
<?php echo $openFrom ?>: <?php echo -$cartWidth ?>px;
|
|
<?php echo $cartheight === 'full' ? 'top: 0;bottom: 0' : 'max-height: 100vh' ?>;
|
|
<?php echo $basketPosition ?>: 0;
|
|
font-family: <?php echo $fontFamily; ?>
|
|
}
|
|
|
|
|
|
.xoo-wsc-cart-active .xoo-wsc-container, .xoo-wsc-slider-active .xoo-wsc-slider{
|
|
<?php echo $openFrom ?>: 0;
|
|
}
|
|
|
|
<?php if( $footerStick !== 'yes' ): ?>
|
|
|
|
.xoo-wsc-container {
|
|
overflow: auto;
|
|
}
|
|
|
|
.xoo-wsc-body{
|
|
overflow: unset;
|
|
flex-grow: 0;
|
|
}
|
|
.xoo-wsc-footer{
|
|
flex-grow: 1;
|
|
}
|
|
|
|
<?php endif; ?>
|
|
|
|
.xoo-wsc-cart-active .xoo-wsc-basket{
|
|
<?php echo $openFrom ?>: <?php echo $cartWidth ?>px;
|
|
}
|
|
|
|
.xoo-wsc-slider{
|
|
right: -<?php echo $cartWidth ?>px;
|
|
}
|
|
|
|
span.xoo-wsch-close {
|
|
font-size: <?php echo $closeIconSize ?>px;
|
|
<?php echo $closeIconAlign ?>: 10px;
|
|
}
|
|
|
|
.xoo-wsch-top{
|
|
justify-content: <?php echo $headingAlign ?>;
|
|
}
|
|
|
|
.xoo-wsch-text{
|
|
font-size: <?php echo $headFontSize ?>px;
|
|
}
|
|
|
|
.xoo-wsc-header{
|
|
color: <?php echo $headTxtColor ?>;
|
|
background-color: <?php echo $headBGColor ?>;
|
|
border-bottom: <?php echo $headBorder ?>;
|
|
}
|
|
|
|
|
|
.xoo-wsc-body{
|
|
background-color: <?php echo $bodyBGColor ?>;
|
|
}
|
|
|
|
.xoo-wsc-body, .xoo-wsc-body span.amount, .xoo-wsc-body a{
|
|
font-size: <?php echo $bodyFontSize ?>px;
|
|
color: <?php echo $bodyTxtColor ?>;
|
|
}
|
|
|
|
.xoo-wsc-product{
|
|
padding: <?php echo $bPpadding ?>;
|
|
margin: <?php echo $bPmargin ?>;
|
|
border-radius: <?php echo $bPradius ?>px;
|
|
box-shadow: <?php echo $bPshadow ?>;
|
|
background-color: <?php echo $bpBgColor ?>;
|
|
}
|
|
|
|
.xoo-wsc-img-col{
|
|
width: <?php echo $bPimgwidth ?>%;
|
|
}
|
|
.xoo-wsc-sum-col{
|
|
width: <?php echo 100-$bPimgwidth ?>%;
|
|
}
|
|
|
|
<?php if( $bpDisplay === 'stretched' ): ?>
|
|
.xoo-wsc-sm-info{
|
|
flex-grow: 1;
|
|
align-self: stretch;
|
|
}
|
|
.xoo-wsc-sm-left {
|
|
justify-content: space-evenly;
|
|
}
|
|
<?php else: ?>
|
|
.xoo-wsc-sum-col{
|
|
justify-content: <?php echo $bpDisplay ?>;
|
|
}
|
|
<?php endif; ?>
|
|
|
|
|
|
/** Shortcode **/
|
|
.xoo-wsc-sc-count{
|
|
background-color: <?php echo $SCcountBG ?>;
|
|
color: <?php echo $SCcountColor ?>;
|
|
}
|
|
|
|
.xoo-wsc-sc-bki{
|
|
font-size: <?php echo $SCbasketSize ?>px;
|
|
color: <?php echo $SCbasketSize ?>;
|
|
}
|
|
.xoo-wsc-sc-cont{
|
|
color: <?php echo $SCtxtColor ?>;
|
|
}
|
|
|
|
<?php if( $gl['m-viewcart-del'] === 'yes' ): ?>
|
|
.added_to_cart{
|
|
display: none!important;
|
|
}
|
|
<?php endif; ?>
|
|
|
|
.xoo-wsc-product dl.variation {
|
|
display: <?php echo $bpVarFormat === 'one_line' ? 'flex' : 'block' ?>;
|
|
}
|