Some problems

Dear sir
1. Is posiible the red line area in the attached screenshoot_1 to have backround white??????
I try a lot of CSS but no luck.

2. I use the follow code to show the stars , even they are empty in the product-category loop and works.
Is ithis ok? or I have to use something elese??????

3. I keep all pages and single product page with the option of “FULL WIDTH),
but I want the “product-category pages” (https://petbaba.gr/product-category/skylos/trofes/xira-trofi/) to be FULL PAGE as the Shop page (https://petbaba.gr/shop/) is. Can that be?

THANKS A LOT

Attachments:

You must be logged in to view attached files.

Waiting for your help for 1 and 3 questions (HELP>>>>>>>>>>)

The code I wrote about rating

add_filter(‘woocommerce_product_get_rating_html’,function ( $html, $rating, $count){
$label = sprintf( __( ‘Rated %s out of 5’, ‘woocommerce’ ), $rating );
$html ='<div class=”star-rating” role=”img” aria-label=”‘ . esc_attr( $label ) . ‘”>’ . wc_get_star_rating_html( $rating, $count ) . ‘</div>’;
return $html;
},9999,3);

Thanks

Hello,

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item.product.wd-hover-quick {
    background-color: white;
}

3) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.tax-product_cat .container {
    max-width: 95%;
    width: 95%;
}

Best Regards

Dear sir
Thanks for your time
For the first question after your code there is no gap between the products (left- right) , thats why I gave the red line in the attachet image I send you. IS the padding around the “product-meta info”.
I would like to have this grey gap……

Also as I see in the small option of sidebar, there is 25% for the sidebar and 75 for the products loop.
Is possible to change this to 20 – 80 %?????????

THANKS A LOT

Hello,

Please replace the previous CSS with the following in the Custom CSS for Desktop area then check back.

.product-grid-item.product.wd-hover-quick {
background-color: white;
margin: 10px;
max-width: 20%;
}

You can try changing the width of the sidebar using CSS.

.woocommerce-page .sidebar-container {
width: 250px ;
}

Best Regards

Dear sir
Unfortunaly after the code you sent me there is problem with the related products in the product page. Can you chek it out please.
Also I see that the 250px fro sidebar is working but we lost space in the right side…Is there a way to earn back this space?????
Thanks

Dear sir
Unfortunaly after the code you sent me there is problem with the related products in the product page. Can you chek it out please.
Also I see that the 250px fro sidebar is working but we lost space in the right side…Is there a way to earn back this space?????
Thanks

and in product category loop does not work the 3 column option (I am afraid becouse of code (maxwidth 20%)
thanks
please help

Hello,

The issue on the related products and columns is caused by the margin value-added in the CSS.

.product-grid-item.product.wd-hover-quick {
background-color: white;
margin: 10px;
max-width: 20%;
}

Because to achieve your requirement of adding space it was added. If you want to make a gap and add a background then it will affect the column layout.

It is not possible to add padding while adding the background color to the product grid.

Best Regards

Ok sir

But why the code about star rating (show even there is no review – no stars) is not working now?
add_filter(‘woocommerce_product_get_rating_html’,function ( $html, $rating, $count){
$label = sprintf( __( ‘Rated %s out of 5’, ‘woocommerce’ ), $rating );
$html ='<div class=”star-rating” role=”img” aria-label=”‘ . esc_attr( $label ) . ‘”>’ . wc_get_star_rating_html( $rating, $count ) . ‘</div>’;
return $html;
},9999,3);

and the code
.woocommerce-page .sidebar-container {
width: 250px ;
}
is not working now?

Hello,

Sorry but we could not help with third party code snippets. It is out of our theme support scope.

And for the sidebar container width try adding the following Custom CSS for that.

.woocommerce-page .sidebar-container {
    max-width: 250px;
}

Best Regards

Thank you sir
Is there a code or something else that I can show the rating in the product category loop, even there is no review – no stars ??

For reorder tabs I use this no luck

if ( ! function_exists(‘wd_reorder_tabs’) ) {

function wd_reorder_tabs( $tabs ) {
$tabs[‘wd_additional_tab_2_tab’][‘priority’] = 10;

return $tabs;
}

add_filter( ‘woocommerce_product_tabs’, ‘wd_reorder_tabs’, 98 );
}

Also I use this

/**
* Reorder product data tabs
*/
add_filter( ‘woocommerce_product_tabs’, ‘woo_reorder_tabs’, 8888 );
function woo_reorder_tabs( $tabs ) {

$tabs[‘description_tab’][‘priority’] = 5; // Description first
$tabs[‘wd_additional_tab_2_tab’][‘priority’] = 10; //Additional information custom tab second
$tabs[‘wd_additional_tab_tab’][‘priority’] = 15; // DESCRIBE THE TAB HERE

return $tabs;
}

also without luck
Little help please?????

Hello,

You are Most Welcome.

Please read the woocommerce documentation for help in Tabs order:
https://docs.woocommerce.com/document/editing-product-data-tabs/

Please make sure that you added the code correctly then check back.

Note: Please create new topics for each issue in the support system to avoid any confusions.

Best Regards

Thank you sir
I manage do do it

Close the ticket

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.

[Author]

Posts