variation images. closes #7844
This commit is contained in:
parent
f6346c705c
commit
cd20ce6789
File diff suppressed because one or more lines are too long
|
@ -3116,16 +3116,17 @@ img.help_tip {
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: "\f317";
|
content: "\f128";
|
||||||
font-family: 'Dashicons';
|
font-family: 'Dashicons';
|
||||||
display: none;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -3133,13 +3134,19 @@ img.help_tip {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
font-size: 2em;
|
font-size: 48px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.remove:before {
|
&.remove{
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
content: "\f335";
|
content: "\f335";
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -3148,6 +3155,7 @@ img.help_tip {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.options {
|
.options {
|
||||||
border: 1px solid #eee;
|
border: 1px solid #eee;
|
||||||
|
|
|
@ -59,7 +59,7 @@ extract( $variation_data );
|
||||||
<div class="woocommerce_variable_attributes wc-metabox-content">
|
<div class="woocommerce_variable_attributes wc-metabox-content">
|
||||||
<div class="data">
|
<div class="data">
|
||||||
<p class="form-row form-row-first upload_image">
|
<p class="form-row form-row-first upload_image">
|
||||||
<a href="#" class="upload_image_button <?php if ( $_thumbnail_id > 0 ) echo 'remove'; ?>" rel="<?php echo esc_attr( $variation_id ); ?>"><img src="<?php if ( ! empty( $image ) ) echo esc_attr( $image ); else echo esc_attr( wc_placeholder_img_src() ); ?>" /><input type="hidden" name="upload_image_id[<?php echo $loop; ?>]" class="upload_image_id" value="<?php echo esc_attr( $_thumbnail_id ); ?>" /></a>
|
<a href="#" class="upload_image_button tips <?php if ( $_thumbnail_id > 0 ) echo 'remove'; ?>" data-tip="<?php if ( $_thumbnail_id > 0 ) { echo __( 'Remove this image', 'woocommerce' ); } else { echo __( 'Upload an image', 'woocommerce' ); } ?>" rel="<?php echo esc_attr( $variation_id ); ?>"><img src="<?php if ( ! empty( $image ) ) echo esc_attr( $image ); else echo esc_attr( wc_placeholder_img_src() ); ?>" /><input type="hidden" name="upload_image_id[<?php echo $loop; ?>]" class="upload_image_id" value="<?php echo esc_attr( $_thumbnail_id ); ?>" /></a>
|
||||||
</p>
|
</p>
|
||||||
<?php if ( wc_product_sku_enabled() ) : ?>
|
<?php if ( wc_product_sku_enabled() ) : ?>
|
||||||
<p class="sku form-row form-row-last">
|
<p class="sku form-row form-row-last">
|
||||||
|
|
Loading…
Reference in New Issue