Welcart Shop – 水色（仮）

2024年6月25日2024年7月2日

Welcart Shop で Kuroneko Web Collect Dialog を画面中央に表示する再び

jQuery UI Dialog で表示しているので、dialogfocus と observer を使って画面の中央に移動。できれば CSS のみで済ませたいです。

(function () {

    // Display the Kuroneko Web Collect Dialog in the center of the screen on Welcart Shop
    jQuery("body").bind("dialogfocus", function (e) {
        const resizeable = e.target;
        const observer = new MutationObserver(() => {
            const d = jQuery('#kuroneko_web-dialog');
            d.css({ left: 0 }); // 正しい幅を取得するために一旦左端に移動
            d.css({
                left: (jQuery(window).width() - d.outerWidth(true)) / 2 + "px",
                top: (jQuery(window).height() - d.height()) / 2 + jQuery(window).scrollTop() + "px"
            });
        });
        observer.observe(resizeable, {
            attriblutes: true,
            childList: true,
            subtree: true,
        });
    });

})();

(function () {

// Display the Kuroneko Web Collect Dialog in the center of the screen on Welcart Shop

jQuery("body").bind("dialogfocus", function (e) {

const resizeable = e.target;

const observer = new MutationObserver(() => {

const d = jQuery('#kuroneko_web-dialog');

d.css({ left: 0 }); // 正しい幅を取得するために一旦左端に移動

d.css({

left: (jQuery(window).width() - d.outerWidth(true)) / 2 + "px",

top: (jQuery(window).height() - d.height()) / 2 + jQuery(window).scrollTop() + "px"

});

observer.observe(resizeable, {

attriblutes: true,

childList: true,

subtree: true,

});

})();

#kuroneko_web-dialog
	border: 4px solid transparent
	background-color: transparent
	max-width: 100%
	.ui-dialog-titlebar
		padding: 6px 1% 5px 1%
		text-align: center
		height: auto !important
		background-color: #fff
		border-top: 1px solid #333
		border-left: 1px solid #333
		border-right: 1px solid #333
		border-top-left-radius: 4px
		border-top-right-radius: 4px
		background-color: aliceblue
	.ui-dialog-titlebar-close
		display: none
#kuroneko_web-token-dialog
	background-color: #fff
	border-left: 1px solid #333
	border-bottom: 1px solid #333
	border-right: 1px solid #333
	border-bottom-right-radius: 4px
	border-bottom-left-radius: 4px
.ui-widget-overlay
	background-color: #c6c6c6
.ui-dialog
	box-shadow: none

#kuroneko_web-dialog

border: 4px solid transparent

background-color: transparent

max-width: 100%

.ui-dialog-titlebar

padding: 6px 1% 5px 1%

text-align: center

height: auto !important

background-color: #fff

border-top: 1px solid #333

border-left: 1px solid #333

border-right: 1px solid #333

border-top-left-radius: 4px

border-top-right-radius: 4px

background-color: aliceblue

.ui-dialog-titlebar-close

display: none

#kuroneko_web-token-dialog

background-color: #fff

border-left: 1px solid #333

border-bottom: 1px solid #333

border-right: 1px solid #333

border-bottom-right-radius: 4px

border-bottom-left-radius: 4px

.ui-widget-overlay

background-color: #c6c6c6

.ui-dialog

box-shadow: none

さらに下記を適用することでモバイル端末でも見やすく表示：

見た目の良いレスポンシブなテーブルを作成 / Creating visually appealing responsive tables

2021年1月12日2021年1月22日

Welcart Shop の画面表示を少しでも早くしたい

usces_default.css の内容をテーマファイルに移動して、読み込まない様にし、
JavaScript の読み込みを head から footer へ移動した。

functions.php

<?php

// add_action('wp_print_styles', function () {
add_action('wp_enqueue_scripts', function () {
    // wp_dequeue_style('wp-block-library');
    // wp_dequeue_style('wp-block-library-theme');

    // Easy FancyBox 1.8.18 作者: RavanH
    // wp_dequeue_style('fancybox');

    // usces_default.css の読み込みを止める
    // welcart バージョンアップの際には usces_default.css の内容を確認すること
    // /wp-content/plugins/usc-e-shop/css/usces_default.css
    wp_dequeue_style('usces_default_css');
}, 100);

// welcart shop の js の読み込みを遅くする
// https://www.welcart.com/community/forums/topic/javascript%E3%81%AE%E5%87%BA%E5%8A%9B%E5%A0%B4%E6%89%80
remove_action('wp_footer', array(&$usces, 'shop_foot'));
remove_action('wp_footer', array(&$usces, 'lastprocessing'));
remove_action('wp_footer', 'usces_action_footer_comment');
add_action('wp_footer', array(&$usces, 'shop_foot'), 20);
add_action('wp_footer', array(&$usces, 'lastprocessing'), 21);
add_action('wp_footer', 'usces_action_footer_comment', 22);

add_action('wp_enqueue_scripts', function () {
    // wordpressで出力されるhead内のjquery.jsをfooterへ移動させよう
    // https://coconala-simulation.com/20191113share/
    if (!is_admin()) { // 管理画面以外
        wp_enqueue_script('jquery');
        remove_action('wp_head', 'wp_print_scripts');
        remove_action('wp_head', 'wp_print_head_scripts', 9);
        remove_action('wp_head', 'wp_enqueue_scripts', 1);
        add_action('wp_footer', 'wp_print_scripts');
        add_action('wp_footer', 'wp_print_head_scripts');
        add_action('wp_footer', 'wp_enqueue_scripts');
    }
});

<?php

// add_action('wp_print_styles', function () {

add_action('wp_enqueue_scripts', function () {

// wp_dequeue_style('wp-block-library');

// wp_dequeue_style('wp-block-library-theme');

// Easy FancyBox 1.8.18 作者: RavanH

// wp_dequeue_style('fancybox');

// usces_default.css の読み込みを止める

// welcart バージョンアップの際には usces_default.css の内容を確認すること

// /wp-content/plugins/usc-e-shop/css/usces_default.css

wp_dequeue_style('usces_default_css');

}, 100);

// welcart shop の js の読み込みを遅くする

// https://www.welcart.com/community/forums/topic/javascript%E3%81%AE%E5%87%BA%E5%8A%9B%E5%A0%B4%E6%89%80

remove_action('wp_footer', array(&$usces, 'shop_foot'));

remove_action('wp_footer', array(&$usces, 'lastprocessing'));

remove_action('wp_footer', 'usces_action_footer_comment');

add_action('wp_footer', array(&$usces, 'shop_foot'), 20);

add_action('wp_footer', array(&$usces, 'lastprocessing'), 21);

add_action('wp_footer', 'usces_action_footer_comment', 22);

add_action('wp_enqueue_scripts', function () {

// wordpressで出力されるhead内のjquery.jsをfooterへ移動させよう

// https://coconala-simulation.com/20191113share/

if (!is_admin()) { // 管理画面以外

wp_enqueue_script('jquery');

remove_action('wp_head', 'wp_print_scripts');

remove_action('wp_head', 'wp_print_head_scripts', 9);

remove_action('wp_head', 'wp_enqueue_scripts', 1);

add_action('wp_footer', 'wp_print_scripts');

add_action('wp_footer', 'wp_print_head_scripts');

add_action('wp_footer', 'wp_enqueue_scripts');

}

});

2020年4月27日2021年1月5日

Welcart Shop で消費税を商品にのみ添加する / Add consumption tax only to products at Welcart Shop

Welcart Shop 1.9.30
WordPress 5.4

// -- 消費税を商品にのみ添加する --------------
//
// usc-e-shop/classes/usceshop.class.php
// function getTax( $total, $materials = array() ) { で処理される
add_filter('usces_filter_getTax', function ($tax){
	global $usces;
	$total_items_price = $usces->get_total_price();
	$tax_rate = $usces->options['tax_rate']; // 消費税率を取得
	$tax = $total_items_price * ($tax_rate / 100);
	return $tax;
});
// -- 消費税を承認にのみ添加する -- ここまで ----------

// -- 消費税を商品にのみ添加する --------------

// usc-e-shop/classes/usceshop.class.php

// function getTax( $total, $materials = array() ) { で処理される

add_filter('usces_filter_getTax', function ($tax){

global $usces;

$total_items_price = $usces->get_total_price();

$tax_rate = $usces->options['tax_rate']; // 消費税率を取得

$tax = $total_items_price * ($tax_rate / 100);

return $tax;

});

// -- 消費税を承認にのみ添加する -- ここまで ----------