Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2580719
TheGem product slider customization
Closed

Comments

  • mirluin started the conversation

    Hi,

    I need to customize a little bit what information appears in the "TheGem product slider" WPBakery element, but I couldn't find the template used for it, in order to do things like, i.e.:

    • hide the Woocommerce product price;
    • show additional text (eg. product custom field).

    Can you kindly help me?

    Thanks. Best regards

  •  7,092
    Oliver replied

    Hi,

    pls. give me link to the page with the slider.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   mirluin replied privately
  •  7,092
    Oliver replied

    Hi,

    1. hide price you can with this CSS code:

    .portfolio-slider .product-price {
        display: none;
    }
    

    2. In order to add your custom filed, you need to edit:

    function thegem_portfolio_slider($params) 
    

    /wp-content/plugins/thegem-elements/inc/content.php

    pls. note after the plugin update your revisions will be removed and you need to make it again.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mirluin replied

    Hi Gregor,

    thanks for your feedback.

    Instead of a custom field, I've decided to use the product excerpt, as it's already available in the backend.

    Furthermore, the excerpt is used and shown in the portfolio slider, but I'm struggling to understand which part of the /wp-content/plugins/thegem-elements/inc/content.php file controls that and how to apply that to the product_slider.

    Can you kindly point me in the right direction?

    Thanks a lot!

  •  7,092
    Oliver replied

    Hi,

    Sorry for delay, can you make screenshot to describe what you need to get in the end?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mirluin replied

    Hi Gregor,

    here you have the screenshot, where you can see:

    • on the left, the portfolio slider item
    • on the right, the product slider item.

    As you can see I've already hidden several things via CSS (eg. the price, the add to cart button...).

    Now I need to add the product's excerpt in the red coloured area, in a similar way to the current portfolio item.

    Thanks in advance for your help!

  •  7,092
    Oliver replied

    Hi,

    You can add it in the file:

    /wp-content/themes/thegem/woocommerce/content-product-carusel-item.php

    line 217

    For the safety future updates copy this file to the child theme before the editing.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • mirluin replied

    Thank you Gregor,

    I was able to achieve what required by adding this code to the file you mentioned (in the child theme, as suggested):

    $thegem_item_title_data = thegem_get_sanitize_page_title_data(get_the_ID());
    echo $thegem_item_title_data['title_excerpt'];

    Best regards,

    Federico

  •  7,092
    Oliver replied

    You're welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver