Amends to single product page - by Annahartshorn

This topic has 9 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Jack Richardson

  • Avatar: Annahartshorn
    Annahartshorn
    Participant
    September 10, 2015 at 23:19

    Hello,

    1) I would like to remove the SKU
    2) I would like to remove the categories
    3) I would like to put a space/s between price and “Ask a question…” button
    4) I would like to remove “Add to wishlist” button next to it
    5) I would like to move product description up, so it sits above the price

    https://www.dropbox.com/s/btzriwujcv3zjif/Capture.JPG?dl=0

    Please can you provide any advice?

    Thanks
    Anna

    8 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 11, 2015 at 07:33

    Hello,

    2) Please use this code in custom.css

    .single-product-page .product-info .posted_i{
    display:none;
    }

    1,3,4, 5) Please provide us with link to the page and wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: Annahartshorn
    Annahartshorn
    Participant
    September 15, 2015 at 12:39

    Pls see private message

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 15, 2015 at 15:07

    Hello,

    1. I’ve added this code in child style.css:

    .single-product-page .product-info .sku_wrapper {
        display: none;
    }

    3. I’ve added this css code:

    .single-product-page .product-info .price {
       margin-right: 15px;
    }

    4. This code has been added to child style.css file:

    .single-product-page .product-info .single_add_to_wishlist {
        display: none;
    }

    5. I’ve added product description content to “Short Description” section:
    http://storage5.static.itmages.com/i/15/0915/h_1442325983_8640597_fc34a8477d.png for the product “Ella Hair Comb” and added this code in child functions.php:

    remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 20 );
    
    remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 10 );

    Please check the page now.

    Best regards,
    Jack Richardson.

    Avatar: Annahartshorn
    Annahartshorn
    Participant
    September 21, 2015 at 12:55

    Hi Jack.

    Thank you for this.

    1) I can still see the categories listed
    2) The “Add to wishlist” heart icon has disappeared from alongside the “Add to basket” button
    3) Is there a way in custom css to also add the “Add to wishlist” icon to the product listing pages alongside “Add to basket” button?

    Thanks

    Anna

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 21, 2015 at 13:48

    Hello,

    1. Please add this code in custom.css file:

    .quick-view-popup .product-info .posted_in, .single-product-page .product-info .posted_in {
       display: none;
    }

    2. Please clarify your second query.

    3. Unfortunately there is no such option. Sorry.

    Best regards,
    Jack Richardson.

    Avatar: Annahartshorn
    Annahartshorn
    Participant
    September 24, 2015 at 23:13

    Hi Jack,

    For number 2, there was a button for add to wish list, which was a heart image in a circle. Please can you reinstate this next to the add to cart button as it has been removed?

    Thanks,

    Anna

    Avatar: Annahartshorn
    Annahartshorn
    Participant
    September 24, 2015 at 23:14

    In addition to this, I am having problems with the Promo pop up. I have put the correct text in, but I cannot remove the default image of the man and woman. How can I remove this and replace it with my own image?

    Thanks

    Anna

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 25, 2015 at 14:51

    Hello,

    I’ve removed the code in your child style.css:

    .single-product-page .product-info .single_add_to_wishlist {
        display: none;
    }

    Now “Add to Wishlist” button is shown.

    Regarding popup background image, upload your own picture in Theme Options > Promo Popup > Popup background.

    Best regards,
    Jack Richardson.

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.