marcusig

(function($,wp){
	var handle_attachment_change = function(attachment){
		console.log(attachment);
	}
	var media_modal = wp.media({
		multiple: 'add',
		library: {type: 'image'},
		button: {
			text: 'Select image'
		}

marcusig

<?php
add_filter( 'wpo_image_compression_single_image_options', 'my_prefix_change_image_compression_options', 20, 4 );
function my_prefix_change_image_compression_options( $options, $attachment_id, $file_path, $size ) {
	// Set the quality to 80 for the full size images
    if ( 'full' == $size ) {
        $options['quality'] = 80;
    }
	// Set the quality to 51 for thumbnails.
	if ( 'thumbnail' == $size ) {
        $options['quality'] = 51;

marcusig

<?php
add_action( 'init', function () {
	// Check that both plugins are active
	if ( class_exists( 'MKL\PC\Plugin' ) && MKL\PC\Plugin::instance()->get_extension( 'save-your-design' ) ) {
		// Remove the current text
		remove_action( 'mkl_pc_frontend_configurator_footer_section_right_before', array( MKL\PC\Plugin::instance()->get_extension( 'save-your-design' )->product, 'add_configurator_button' )  ); 
		// Replace it with the nex text
		add_action( 'mkl_pc_frontend_configurator_footer_section_right_before', function() {
			?>
			<span class="save-your-design-modal-container"><a href="#" class="save-your-design"> (no icon) <span>Saved design</span></a></span>

marcusig

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close::before,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close:hover::before,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices li.layer-choices-title > span a.close:focus::before {
    width: 12px;
    left: -7px;
    transform: translateY(2px) rotate(45deg);
    height: 3px;
    transform-origin: 50%;
    background-color: green;

marcusig

.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img {
    transition: .2s all;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    max-height: 100%;
    height: auto;
    width: 350px;
    padding: 10px

marcusig

@keyframes rotate360 {
  from {transform: translate(-50%, -50%) rotate(0deg);}
  to {transform: translate(-50%, -50%) rotate(360deg);}
}

/* 
  "Evolvens_mp_mutato_" is the prefix of the file for the second hand
  it is expected that all the choices requiring the animation have the same prefix.
*/
.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img[src*="Evolvens_mp_mutato_"] {

marcusig

@media (max-width: 600px) {

body.configurator_is_inline .mkl_pc .mkl_pc_container .angles-select {
    transform-origin: 0 100%;
    top 0;
    left: 0;
    transform: rotate(-90deg) translateX(-74%)  translateY(46px);
}

body.configurator_is_inline .mkl_pc {

marcusig

.mkl_pc {
    --toolbar_width: 500px;
    --mkl_pc_color-primary: #e00706;
    --mkl_pc_color-primary_rgb: 224, 7, 6;
}

.mkl_pc .mkl_pc_container .mkl_pc_bg {
    background-image: none !important;
    background-color: #313539;
}

marcusig

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layers button.layer-item .description {
    text-transform: initial;
}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layers > li:not(.active) button.layer-item .description {
    display: none;
}

.mkl_pc {
    --mkl_pc_color-primary: #e80000;

marcusig

.mkl_pc {
    --mkl_pc_color-primary: #fe1a18;
    --mkl_pc_color-primary_rgb: 254, 26, 24;
    --mkl_pc_color-primary_hover: #fe1a18;

}

.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layers button.layer-item {
    color: var(--mkl_pc_color-primary_hover);
}