Your account expired support, please renew to get your support.

Home Forums Themes Support Clarivo Product Category Text above shop

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #5516
    lefkiosk
    Support Expired

    Hello,

    I would like to add some text ( 1-2 pages of PDF ) at the top of every product category page. Lets say we click on category ” Pills ” , the shop page will open showing all the products that are pills.I need to add at the top of this page some text about “Pills”.

    Same goes for all other categories, for example : at the category ” Syrup “, when we click we should see at the first some text about “Syrups” followed by all the products that are in the “syrups” category.

    Is there an option for this?

    Thank you in advance
    Lefkiosk
    lefkios@armenius.com.cy

    • This topic was modified 3 years, 7 months ago by lefkiosk.
    #5520

    Hi,
    Thanks for contacting us and choosing our product!
    About this issue you can edit Product Category and add Description like this:
    (Products -> Categories and select Category to edit)
    https://prnt.sc/s0lf10
    And here is the result at Frontend:
    https://prnt.sc/s0lg68
    However now the description display with black text.
    You need go to Appearance -> Customize -> Additional CSS to add this code to change text color:

    .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner .page-sub-title {
    color: #fff;
    }

    Hope this help!

    *****
    Regards,
    HaruTheme

    #5521
    lefkiosk
    Support Expired

    Hello !

    Thank you for the quick response, i understand but this will make the text appear in the “Breadcrumbs ” area. I need it to appear below of that and on top of the products. ( Between Breadcrumbs area and product area) because it may be large text.

    Thank you in advance
    Lefkios K

    #5530

    Hi,
    In this case you can use child theme to do it follow this tutorial:

    How to customize WordPress theme using Child theme


    The template for customize is:
    wp-content/themes/clarivo/templates/archive-product-heading.php
    You need change the code like this:

    <?php
    /**
     * @package    HaruTheme
     * @version    1.0.0
     * @author     Administrator <admin@harutheme.com>
     * @copyright  Copyright (c) 2017, HaruTheme
     * @license    http://opensource.org/licenses/gpl-2.0.php GPL v2 or later
     * @link       http://harutheme.com
    */
    
    $show_archive_product_title = haru_get_option('show_archive_product_title');
    $page_sub_title             = strip_tags(term_description());
    // Set Default
    if ( !isset($show_archive_product_title) && empty($show_archive_product_title) ) {
        $show_archive_product_title = 1;
    }
    
    // Archive product title layout
    $section_page_title_class     = array('haru-page-title-section');
    $archive_product_title_layout = haru_get_option('archive_product_title_layout');
    if ( in_array( $archive_product_title_layout, array('container') ) ) {
        $section_page_title_class[] = $archive_product_title_layout;
    }
    
    // Archive Product page title background image
    $page_title_bg_image = $page_title_bg_image_url = '';
    $cat                 = get_queried_object();
    if ( $cat && property_exists( $cat, 'term_id' ) ) {
        $page_title_bg_image = get_tax_meta( $cat, 'haru_'.'page_title_background' ); // Category page title
    }
    if( !$page_title_bg_image || $page_title_bg_image === '' ) {
        $page_title_bg_image = haru_get_option('archive_product_title_bg_image');
    }
    if ( isset($page_title_bg_image) && isset($page_title_bg_image['url']) ) {
        $page_title_bg_image_url = $page_title_bg_image['url'];
    }
    
    $page_title_wrap_class     = array();
    $page_title_wrap_class[]   = 'haru-page-title-wrapper';
    
    $custom_styles = array();
    
    if ( $page_title_bg_image_url != '' ) {
        $page_title_wrap_class[] = 'page-title-wrap-bg';
        $custom_styles[]         = 'background-image: url(' . $page_title_bg_image_url . ');';
    }
    
    $custom_style = '';
    if ($custom_styles) {
        $custom_style = 'style="'. join(';',$custom_styles).'"';
    }
    
    // Archive product page title parallax
    $page_title_parallax = haru_get_option('archive_product_title_parallax');
    if ( !empty($page_title_bg_image_url) && ($page_title_parallax == '1') ) {
        $custom_style            .= ' data-stellar-background-ratio="0.5"';
        $page_title_wrap_class[] = 'page-title-parallax';
    }
    
    // Archive product page title breadcrumbs
    $breadcrumbs_in_archive_product_title = haru_get_option('breadcrumbs_in_archive_product_title');
    $breadcrumb_class                     = array('haru-breadcrumb-wrapper breadcrumb-archive-product-wrap');
    
    // Add class for style when not use breadcrumbs
    if ( $breadcrumbs_in_archive_product_title != 1 ) {
        $page_title_wrap_class[] = 'no-breadcrumbs';
    }
    // Check if header is header sidebar
    $haru_header_layout = haru_get_header_layout();
    if( ( $haru_header_layout == 'header-4' ) || ( $haru_header_layout == 'header-5' ) ) {
        $title_layout = 'full';
    } else {
        $title_layout = 'container';
    }
    
    ?>
    <?php if ( ($show_archive_product_title == 1) || ($breadcrumbs_in_archive_product_title == 1) ) : ?>
        <div class="<?php echo esc_attr( join(' ',$section_page_title_class) ); ?>" <?php echo wp_kses_post($custom_style); ?>>
        <?php if ( $show_archive_product_title == 1 ) : ?>
            <section class="<?php echo esc_attr( join(' ',$page_title_wrap_class) ); ?>">
                <div class="<?php echo esc_attr( $title_layout ); ?>">
                    <div class="page-title-inner">
                        <div class="block-center-inner">
                            <h2><?php woocommerce_page_title(); ?></h2>
                            
                        </div>
                    </div>
                </div>
            </section>
        <?php endif; ?>
        <?php if ($breadcrumbs_in_archive_product_title == 1) : ?>
            <div class="<?php echo esc_attr( join(' ', $breadcrumb_class) ); ?>">
                <div class="<?php echo esc_attr( $title_layout ); ?>">
                    <?php get_template_part( 'templates/breadcrumb' ); ?>
                </div>
            </div>
        <?php endif; ?>
        </div>
    
        <?php if ( $page_sub_title != '' ) : ?>
            <div class="container page-sub-title"><?php echo esc_html($page_sub_title); ?></div>
        <?php endif; ?>
    <?php endif; ?>

    Please notice at page-sub-title at bottom.
    Then add this custom CSS code:

    .page-sub-title {
    margin-bottom: 40px;
    }

    and here is the result:
    https://prnt.sc/s0vtyr
    Hope this help!

    *****
    Regards,
    HaruTheme

    • This reply was modified 3 years, 7 months ago by admin.
    #5562
    lefkiosk
    Support Expired

    Great thank you, one last thing about it,i would like the text to be “formatable”. Lets say h1,h2,h3 colors font size and more htmk/css stuff.
    thank youu

    #5563

    Hi,
    Sorry but description is not editor and this is simple textarea field and it don’t support that!

    ****
    Regards,
    HaruTheme

    #5594
    lefkiosk
    Support Expired

    Great thank you for your help,

    I just noticed that customizer went empty(screen shot attached), not sure why.

    Attachments:
    You must be logged in to view attached files.
    #5596

    Hi,
    So please go to wp-content/plugins/haru-clarivo-core/includes/widgets/ then open file widgets.php
    Find this line and remove it:
    include_once( PLUGIN_HARU_CLARIVO_CORE_DIR . 'includes/widgets/haru-widget-color-filter.php' );
    If it still doesn’t work please send us admin account. We’ll check it for you.

    Hope this help!

    ****
    Regards,
    HaruTheme

    #5600
    lefkiosk
    Support Expired

    ok i will provide admin account for you because i just faced another problem, after i uploaded the last picture in media, for some reason the primary colors of the theme changed from green to blue. I have tried to change the colors back from the “Theme Options-Color Scheme” but nothing works. How can i send you login account?

    #5601

    Hi
    You can send as private reply!

    ****
    Regards,
    HaruTheme

    #5602
    lefkiosk
    Support Expired
    This reply has been marked as private.
    #5603

    Hi,
    We got this issue when login to your site:
    https://prnt.sc/s4p2uw
    You can do it by go to: Plugins -> Editor -> Please select Haru Clarivo Core at the top right Select.
    Then go to haru-clarivo-core/includes/widgets/widgets.php
    Find and delete this line:
    include_once( PLUGIN_HARU_CLARIVO_CORE_DIR . 'includes/widgets/haru-widget-color-filter.php' );

    ****
    Regards,
    HaruTheme

    #5604
    lefkiosk
    Support Expired

    I have checked the login account and it looks that works normally, not sure why you cannot login.

    Also i tried your solution and customize is back and works ok.

    About the colors.. Everything turned blue and color changer from theme options is not responding.I cannot change it back.

    Attachments:
    You must be logged in to view attached files.
    #5606

    Hi,
    Please follow this topic to change it:

    How to change Color Scheme and Typography in HaruTheme


    Hope this help!

    #5607
    lefkiosk
    Support Expired

    Worked ! Thank you for everything.

Viewing 15 posts - 1 through 15 (of 20 total)

You must be logged in to reply to this topic.