Home › Forums › Basel support forum › Product detail page › Reply To: Product detail page
December 25, 2017 at 10:05 am
#30440
Oscar
Participant
Hi adding to above question:
As you can see below page, product listing thumbs with some strange reason 75×100
bUT it has to be 263×350 size to show thumbs perfectly on product list page.
I never chosen that in anywhere but system creates those thumbs and displays like this.
Please also see attached jpg s (WOOCOMMERCE PRODUCT DISPLAY PAGE and FTP SHOT)
And see this child/function code and admin page custom css code
CHILD / FUNCTION:
<?php
add_action( 'wp_enqueue_scripts', 'basel_child_enqueue_styles', 1000 );
function basel_child_enqueue_styles() {
if( basel_get_opt( 'minified_css' ) ) {
wp_enqueue_style( 'basel-style', get_template_directory_uri() . '/style.min.css', array('bootstrap') );
} else {
wp_enqueue_style( 'basel-style', get_template_directory_uri() . '/style.css', array('bootstrap') );
}
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('bootstrap') );
}
add_action( 'woocommerce_shop_loop_item_title', 'custom_before_title', 20 );
function custom_before_title() {
global $product;
if ( $product->get_sku() ) {
echo '<span style=font-size:18px;color:#34aae9;> ' . __('PRODUCT CODE', 'basel') . ': <strong>' . $product->get_sku() . '</strong></span>';
}
}
add_action( 'woocommerce_single_product_summary', 'basel_sku_under_title', 6 );
function basel_sku_under_title() {
global $product;
if ( $product->get_sku() ) {
echo '<span style=font-size:18px;color:#34aae9;> ' . __('PRODUCT CODE', 'basel') . ': <strong>' . $product->get_sku() . '</strong></span>';
}
}
ADMIN CUSTOM CSS CODE:
h2.wpb_heading.wpb_singleimage_heading{height:40px;margin-bottom:0px;font-size:14px;line-height:14px;}
.vidpage img{transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.vidpage:hover img{transform: scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);}
.title-size-small{padding:0;}
.title-size-small .entry-title,.title-size-small h1{font-size:24px;}
div.category-grid-item{width:50%!important;}