Okay
  Public Ticket #1316451
Unwanted data on shop page
Closed

Comments

  •  2
    allvar started the conversation
    September 27, 2017 at 12:38pm

    Hi! How can I hide the article number and the tags from the shop page? I would like to keep the Categories but without the title Swedish title "Kategorier".

    Thanks!

  •  1
    TuanTran replied
    September 28, 2017 at 10:01am

    You can hide/ change with CSS

    - Hide SKU :

    .woocommerce .single-product .summary .product_meta>span:first-child {

    border-top: none;

    display: none;

    }

    - Hide Tag

    span.tagged_as {

    display: none !important;

    }

    - Price size

    .woocommerce .product .item-info .price ins, .woocommerce .product .item-info .price>.amount {

    font-size: 30px;

    }

  • [deleted] replied
    September 28, 2017 at 12:20pm

    Hi TuanTran,

    Can you please add the following code in functions.php (end of file):

    // Show categories under product title
    function woocommerce_single_product_summary_categories_only() {
    	global $product;
    	
    	echo wc_get_product_category_list( $product->get_id(), ', ', '', '' );
    }

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 21 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_single_product_summary_categories_only', 21 );

    This will show categories under the product title.

    And to make the price bigger add this custom CSS:

    .woocommerce .product .item-info .price>.amount {
        font-size: 36px;
    }

    This should work fine for you.

  •  2
    allvar replied
    October 2, 2017 at 6:15pm

    Hi Arlind!

    Thanks for the code. 

    What do I do if I only want the price bigger on the product page? 

    On all other pages the price is too big (see attachment)..

    / Johan ;)

  • [deleted] replied
    October 3, 2017 at 7:20am

    Hi Johan,

    Can you please add the code below to your Custom CSS area:

    body.single-product .woocommerce .product .item-info .price>.amount {
        font-size: 36px;
    }

    If you have further questions in the future, kindly open a new ticket and post your request so it will be helpful for the other users to take advantage of searching them on the forum, and we’re glad to help you in your new thread.

    Thanks!