Home Forums Themes Support How to customize WordPress theme using Child theme

This topic contains 13 replies, has 4 voices, and was last updated by  admin 3 days, 2 hours ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #713

    Hi all our customer,

    In some case you want to customize our theme to make more sense with your work. So this topic will help youย Customize WordPress themeย use child theme. Please follow the tutorial below:

    Step 1: Install child theme and active. If you download our theme from ThemeForest you can find it in our product package.

    Step 2: After use child theme you can do all your work in here and no worry about loss your custom work.

    Please see child theme structure below:

    • functions.php: you can write your PHP functions here to override in parent theme
    • style.css: wite CSS code here if needed
    • templates folder: you will can’t see it when install child theme but we will explain about it now

    Step 3: If you want to customize our theme layout or change text,… etc you can do it like this (we will do it with Example):

    • You want to change text Film Story of Single Video in Circle – Multipurpose Video, Film WordPress theme as screenshot:

    • You can find it in our theme by use Search Tool:

    • How ever please don’t customize anything from here. Let’s copy this to child theme like this (keep structure same as in parent theme):

    • You can see result at front-end:

    Step 4: Customize plugin templates (You can do it with new version 2.0)

    • Similar customize theme you can customize plugin templates in child theme too.
    • Example we’ll customize template of Haru Trailer and Haru Film
    • You need file structure like this

    You can see we added ‘2222’ string on title. And here is the result at frontend.

    Hope this will help you to use our theme.

    *********

    Best regards,

    HaruTheme

     

    #1693

    Hi, please let me know how to put product page link over product thumbnail which is displayed in ajax product search results. In resposive view ajax product search bar is also showing product date, please giude me to fix this. Thanks

    • This reply was modified 11 months ago by  jivtesh.
    Attachments:
    You must be logged in to view attached files.
    #1697

    Hi,
    We already replied to you on ThemeForest:
    Hi, If you want to hide it you can add custom CSS in Customize -> Additional CSS: .search-product-category .ajax-search-result ul li .item-meta .publish-date {display: none} . If you want to customize display you can see it in {yourwebroot}/wp-content/themes/clarivo/framework/includes/woocommerce-hooks.php (line 893). To add link at thumbnail please follow this topic tutorial: http://harutheme.com/forums/topic/customize-wordpress-theme-using-child-theme/. Then customize content-product.php file like this: http://prntscr.com/kjkv3m. Hope this help you!
    Or you want more details about what issue please feedback!

    ******
    Regards!

    #1698

    http://pillsbazaar.in/ Please see when i try to add categories in vertical menu the whole working website homepage got bugs like the current one. Please solve this issue asap.

    #1699

    this is the error

    • This reply was modified 11 months ago by  jivtesh.
    Attachments:
    You must be logged in to view attached files.
    #1702

    Hi, After you change or add product category please re select categories for shortcode products like this: http://prntscr.com/kkd8i2 to make all is working fine. Regards!

    #3123

    HI I have update to last version of circle them but i lost the connection to vimeo video. I have deleted and reinstalled the haru core circle and slider revolution. What should I do now??
    please help
    thx
    Flavio

    #3124

    Hi,
    Please clear cache to see changes.
    In latest version we changed player for Film Player.
    Hope this help!

    ****
    Regards,
    HaruTheme

    #3694
    clairesvendsen
    Supported

    I need a bit of assistance, please.
    This guide is easy to understand and really good.
    Being a newbie at customizing, (but knows html), I need to ask exactly(!) which part of the text shown in the picture, I need to copy;
    “How ever please donโ€™t customize anything from here. Letโ€™s copy this to child theme like this (keep structure same as in parent theme):”

    And where am I pasting it to?

    Forgive me my helplessness, but please give me credit for not giving up when things get hard(and I’m about to explode with frustration) ๐Ÿ™‚

    #3701

    Hi,
    If you see screenshot you will do it step by step:
    – Step 1: Install Parent theme (Example: Circle)
    – Step 2: Install Child theme and active (Example: Circle-child)
    – Step 3: Copy files in templates folder in parent theme to child theme but keep similar structure. More details you can see in screenshot.
    Hope this help!

    #3702
    clairesvendsen
    Supported

    Thank you.
    Steps 1 + 2 was already complete. ๐Ÿ™‚ It’s step 3 I’m having trouble with.

    โ€“ Step 3: Copy files in templates folder in parent theme to child theme but keep similar structure:
    I have changed the details I need to fix in the template file (on my computer) shown in the screen shots. I can place it in a similar folder in the child theme (on my computer).
    How do I get it into wordpress?

    Thank you for taking time to help ๐Ÿ™‚

    #3704

    Hi,
    Thanks for your feedback!
    In this case you need you should use File Manager tools of your CPanel in your hosting panel or use FTP clients:
    https://filezilla-project.org/
    https://wiki.filezilla-project.org/FileZilla_Client_Tutorial_(en)
    Hope this help!

    ****
    Regards,
    HaruTheme

    #3707
    clairesvendsen
    Supported

    Ahhh! I thought I was suppose to copy it into the the CCS area.
    Now I get it. Thank you so much for taking time to spell it out for me!
    ๐Ÿ™‚

    #3708

    Thanks for your feedback!

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.