Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1011779

    Dear support,
    is it possible to add some Text in an accordion after the products in a woocommerce-product-category?
    Thanks for any help

    #1011903

    Hey dondela,

    Could you please attach a mockup of what you’re trying to achieve? It is not clear to me where yo want to add the text.

    Best regards,
    Victoria

    #1011938

    Dear Victoria,
    please see the link to the mockup in the private content.
    I want to add the red aligned accordion section. It should be different text on every product-category.
    Thanks for helping

    #1012112

    Hi,

    Thanks for the screenshot and clarification, I can’t see the accordion element on your actual site though?

    Best regards,
    Rikard

    #1012144

    Hi Rikard,
    there is no accordion right now.
    Basically, i want to add some Text after the products in a woocommerce-product-category page. If it would be possible to do it with the accordion-shortcodes. If not i wanted to know how i could add some html-styled text there after the product-list?

    #1012598

    Hi,

    Thanks for the update.

    You can use the “woocommerce_after_main_content” to add more content below the main product container.

    // http://hookr.io/actions/woocommerce_after_main_content/

    You can actually include the accordion shortcode inside that hook.

    Best regards,
    Ismael

    #1013576

    Thanks for this solution, it works. I know figured out how to place some content before the main content as well. function action_woocommerce_before_main_content( $array, $int ) {
    But how can i style the h1 headline, i tried in the style.css with this code, but without any effect?:
    h1 {
    font-size: 25px!important;
    text-transform: none!important;
    font-weight: 200!important;
    }

    #1013640

    An one more thing: After adding the Text before the product-content the page doesn´t scale down right on mobile. (see screenshot)

    #1013664

    Hey!

    1) Please try this code:

    
    #top #wrap_all #av_product_description h1 {
    font-size: 25px;
    text-transform: none;
    font-weight: 200;
    }
    

    2) You can use the word-break: break-all; attribute to break the words on smaller screens:

    
    #top #wrap_all #av_product_description h1 {
    font-size: 25px;
    text-transform: none;
    font-weight: 200;
    word-break: break-all;
    }
    

    Cheers!
    Peter

    #1013677

    Hey Peter,
    thanks for your help!
    1: This effects the product category headline on top of the image-banner. But i want to change the h1 headline underneath it in the content. It says “HOCHWERTIGE DIAMANTTRENNSCHEIBEN FÜR DEN TRENNSCHLEIFER NUTZEN SPART IHNEN ZEIT”.

    2. I mean the products don´t scale right instead of one product per line, they align 2 products side by side and the right 50% space is white and empty?

    #1013986

    Hi,

    Thanks for the update.

    1.) Adjust the code a bit.

    .tax-product_cat h1 {
        font-size: 25px;
        text-transform: none;
        font-weight: 200;
    }

    2.) Did you add this css modification?

    .shop_columns_5 .products .product {
        margin: 0 1% 1% 0;
        width: 19.2%;
    }

    Add this code on the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .responsive #top .products .product {
        clear: both;
        width: 100%;
        margin-bottom: 20px;
    }
    }

    Best regards,
    Ismael

    #1014079

    Thanks Ismael,
    most of it works.
    But when i look at a single product page, i have a strange padding from the right after the products and in the the footer. Do you have an idea waht could cause this behavior? (See Screenshot, i aligned the area red).

    Is there a way to restrict my modifications to the category-page without showing them on the single product page?

    #1014248

    Hi dondela,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Looks like there is a sidebar added, it should not be there.

    Best regards,
    Victoria

    #1014281

    Sure, see the details below.

    #1014395

    Hi dondela,

    A plugin conflict may be one of the reasons for this issue.
    To find which plugin is causing the conflict please follow these steps:

    1. Go to your plugins page > Deactivate all active Plugins
    2. Update WordPress and Enfold to the latest version if you have not.
    3. Make sure all the plugins are updated.
    4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

    We await the results of your plugin compatibility test.

    Thanks for your cooperation :)

    Best regards,
    Victoria

    #1014472

    HI Victoria,
    i deactivated alle plugins and the problem persists. I assume the error is maybe caused by my modification in the function.php. I use the hooks action_woocommerce_before_main_content and action_woocommerce_after_main_content

    This is my function.php code:
    `// make accordion toggler-headline to h2
    function replace_tags_with_tags(){
    ?>
    <script>
    (function($) {
    function replaceElementTag(targetSelector, newTagString) {
    $(targetSelector).each(function(){
    var newElem = $(newTagString, {html: $(this).html()});
    $.each(this.attributes, function() {
    newElem.attr(this.name, this.value);
    });
    $(this).replaceWith(newElem);
    });
    }

    replaceElementTag(‘.togglecontainer p.toggler’, ‘<h2></h2>’);

    }(jQuery));
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘replace_tags_with_tags’);

    //Text vor Produktkategorien anzeigen ANFANG

    // define the woocommerce_before_main_content callback
    function action_woocommerce_before_main_content( $array, $int ) {
    // make action magic happen here…

    if ( has_term( ‘diamanttrennscheibe-winkelschleifer’, ‘product_cat’ ) ) {
    echo do_shortcode(“”);

    }
    elseif ( has_term( ‘fuer-trennschleifer’, ‘product_cat’ ) ) {

    echo do_shortcode(“[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' color='main_color' background='bg_color' custom_bg='' background_gradient_color1='rgba(163,197,167,0.61)' background_gradient_color2='#ffffff' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-2gcpsu']

    [av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jmg46nbz' admin_preview_bg='']
    <h2>Hochwertige Diamanttrennscheiben für den Trennschleifer nutzen spart Ihnen Zeit</h2>
    Bei uns im Onlineshop von Proditool stellen wir Ihnen hochwertige Markenprodukte von CEDIMA, GÖLZ und LISSMAC für die Trennschleifmaschine vor. Diese Diamanttrennscheiben für Trennschleifer sind meist speziell entwickelt, um bestimmte Materialien zu trennen. Wir stellen Ihnen das umfangreiche Sortiment vor und erklären, wofür die einzelnen Typen einsetzbar sind. Bei Fragen zu den Produkten sprechen Sie uns einfach direkt telefonisch oder per E-Mail an. Wir stehen Ihnen gerne beratend zur Seite.
    [/av_textblock]

    [/av_section][av_layout_row border='' min_height_percent='' min_height='5' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-7ug8q6']
    [av_cell_one_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#99cc99' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-6l1xum']

    [/av_cell_one_fifth][av_cell_three_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#009933' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-4vziby']

    [/av_cell_three_fifth][av_cell_one_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#99cc99' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-2d8u0u']

    [/av_cell_one_fifth]
    [/av_layout_row]

    “);
    }

    elseif ( has_term( ‘fuer-tischsaegen’, ‘product_cat’ ) ) {

    echo do_shortcode(“”);
    }

    };

    // add the action
    add_action( ‘woocommerce_before_main_content’, ‘action_woocommerce_before_main_content’, 10, 2 );

    //Text vor Produktkategorien anzeigen ENDE

    //Text nach Produktkategorien anzeigen ANFANG

    // define the woocommerce_after_main_content callback

    function action_woocommerce_after_main_content( $woocommerce_output_content_wrapper_end, $int ) {
    // make action magic happen here…

    if ( has_term( ‘diamanttrennscheibe-winkelschleifer’, ‘product_cat’ ) ) {
    //… Akkordion
    echo do_shortcode(“”);

    }
    elseif ( has_term( ‘fuer-trennschleifer’, ‘product_cat’ ) ) {

    echo do_shortcode(“[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='seotext' color='main_color' background='bg_gradient' custom_bg='rgba(163,197,167,0.61)' background_gradient_color1='#ffffff' background_gradient_color2='rgba(163,197,167,0.61)' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-jl7rodts']

    [av_toggle_container initial='1' mode='accordion' sort='' styling='av-minimal-toggle' colors='' font_color='' background_color='#a3c5a7' border_color='' av_uid='av-jl6el8c7']
    [av_toggle title='CEDIMA Diamanttrennscheiben für den Trennschleifer: Asphaltbearbeitung' tags='' av_uid='av-lrpxry']
    Die Diamanttrennscheiben für Trennschleifer der Serie Easy Cut sind speziell für bestimmte Materialien erhältlich. Bindung und Diamantkorn sind in diesem Beispiel für das Trennen von Asphalt zusammengestellt. Spezielle Schutzsegmente sorgen für lange Standzeiten. Diese Trennscheiben sind sowohl für den Trockenschnitt als auch für den Nassschnitt einsetzbar. Beim Nassschnitt und korrekter Kühlung erhöht sich die Lebensdauer der Trennscheibe wesentlich.

    Die Trennscheiben CEDIMA Asphalt Basic sowie Asphalt Kombi und Asphalt Plus sind besonders für abrasive Materialien wie Sandstein, Frischbeton, Estrich und Asphalt geeignet. Die Trennscheibe CEDIMA Asphalt Kombi verfügen über 12 mm starke Segmente und die anderen beiden Ausführungen haben Segmente zu je 10 mm. Die Durchmesser 300 mm, 350 mm und 400 mm sind lieferbar.
    [/av_toggle]
    [av_toggle title='CEDIMA Diamanttrennscheiben für den Winkelschleifer zur Betonbearbeitung' tags='' av_uid='av-l50oha']
    Um Beton und ähnliche Materialien zu bearbeiten bieten wir in unserem Onlineshop spezielle Diamanttrennscheiben von CEDIMA an. Die Typen Beton Basic, Beton Plus und Beton Turbo sind speziell zum Schneiden von Beton, Stahlbeton und Waschbeton sowie Ziegeln, Naturstein und anderen Betonprodukten und Baumaterialien geeignet. Bei den Beton Plus Trennscheiben kommen 12 mm hohe Segmente zum Einsatz. Die beiden andern Varianten sind mit 10 mm hohen Turbosegmenten bestückt. Auch bei diesen Diamanttrennscheiben ist sowohl Nassschnitt als auch Trockenschnitt möglich. Beim Nassschnitt erhöht sich durch Kühlung die Standzeit wesentlich. Es sind drei verschiedene Durchmesser 300 mm, 350 mm und 400 mm erhältlich. Die Bohrung zur Werkzeugaufnahme beträgt 20 mm. Beim Modell Beton Turbo erhalten Sie zusätzlich die Trennscheiben mit einer Bohrung von 25,4 mm.
    [/av_toggle]
    [av_toggle title='Fliesenbearbeitung mit CEDIMA Diamanttrennscheiben für Trennschleifer' tags='' av_uid='av-ju6ibi']
    Die Diamanttrennscheibe CEDIMA Fliesen Turbo besitzt einen geschlossenen Schneidrand und ermöglicht somit einen sehr sauberen Schnitt bei Materialien mit empfindlichen Oberflächen. Dies sind Fliesen, harter Natur- und Kunststein, Keramikkacheln sowie glasartige feuerfeste Materialien und Klinker. Die Trennscheibe mit 150 mm Durchmesser besitzt eine Aufnahmebohrung von 25,4 mm und die anderen beiden Trennscheiben mit den Durchmessern 300 mm und 350 mm haben eine Aufnahmebohrung von 20,0 mm.
    [/av_toggle]
    [av_toggle title='Effektive Natursteinbearbeitung dank der CEDIMA Diamanttrennscheiben für Trennschleifer' tags='' av_uid='av-i5hsmm']
    In der Natursteinbearbeitung hat beim Einsatz mit Handwerkzeugmaschinen der Trockenschnitt Vorrang. In der Fertigung oder bei den transportablen Bau-Brückensägen ist meist der Nassschnitt möglich, da die Trennscheibe unterhalb im Wasserbad läuft. Die CEDIMA Naturstein Basic Ausführung ist in 300 mm und 350 mm Durchmesser erhältlich. Einsatzgebiete sind Fugenschneider, Trennschneider und Tischsägen. Granit, harter Naturstein und Waschbeton sowie Beton sind die bevorzugten Materialien für den Einsatz dieser effizienten Diamanttrennscheibe. Aufnahmebohrungen von 20,0 mm und 25,4 mm sind möglich. Die Ausführung CEDIMA Naturstein Kombi wiederum ist für Stahlbeton, Waschbeton, Klinker und allgemeine Baumaterialien geeignet. Bei der CEDIMA Naturstein Plus Trennscheibe kommen Turbosegmente zum Einsatz. Es sind Materialien wie harter Granit und Naturstein sowie Beton und Waschbeton bearbeitbar.
    [/av_toggle]
    [av_toggle title='GÖLZ Diamanttrennscheiben Trennschleifer der Typen DA60, LA75, LA85, LB20, LB40' tags='' av_uid='av-g1m3ku']
    Die Diamanttrennscheibe GÖLZ DA60 Standard ist in lasergeschweißter Ausführung hergestellt. Es sind die Durchmesser 300 mm, 350 mm und 400 mm lieferbar. Die Aufnahmebohrungen sind 20,0 mm oder 25,4 mm. Zur Bearbeitung abrasiver Materialien wie Asphalt und Estrich ist der Typ LA75 gut geeignet. Tiefliegende Schutzsegmente verlängern die Standzeit dieser Diamanttrennscheibe. Durchmesser im Bereich von 300 mm bis 400 mm sind lieferbar. Die Segmenthöhe beträgt 10 mm und die Segmente sind durch laserschweißen befestigt. Aufnahmebohrungen sind 20,0 mm oder 25,4 mm. Die Trennscheibe LA85 ist ebenfalls mit tieferliegenden Schutzsegmenten gefertigt. Diese verschleißfeste Ausführung gewährleistet eine hohe Standzeit. Sie ist ebenfalls für Asphalt und andere abrasive Materialien geeignet. Es kommen 10 mm Turbosegmente zum Einsatz. Bei den Trennscheiben LB20 und LB40 handelt es sich um Trennscheiben zur Bearbeitung von Beton und Stahlbeton. Die Segmente sind durch Laserschweißen befestigt. Zum Einsatz kommen 10 mm Blocksegmente. Das Universalmodell ist im Durchmesser 350 mm erhältlich. Bei der Premiumausführung sind die Durchmesser 300 mm, 350 mm und 400 mm in den Aufnahmebohrungen 20,0 mm und 25,4 mm erhältlich.
    [/av_toggle]
    [av_toggle title='GÖLZ Serie mit den Modellen LCA65, LSP3, und LT30 sowie MX1 und RX1' tags='' av_uid='av-eopzdq']
    Die Diamanttrennscheiben dieser Modelle sind effizient einsetzbar. So ist der Typ LCA65 lasergeschweißt und besonders bei der Bearbeitung von Beton und Asphalt einsetzbar. Das Turbosegment ermöglicht eine optimale Kühlung und Wechselsegmente garantieren den universellen Einsatzbereich. Der Typ LSP3 besitzt spezielle Segmente von 10 mm Höhe für einen schnellen Schnitt. Besonders harte Materialien wie Granit, Guss, Eisen und Stahlbeton sind problemlos bearbeitbar. Der Typ LT30 ist ebenfalls mit Turbosegmenten bestückt. Exzellente Schnittgeschwindigkeit und eine gute Standzeit sind das Ergebnis. Die MX1 ist eine Diamanttrennscheibe mit 14 mm Belaghöhe und zur Bearbeitung von Granit, Klinker, Beton und anderen Materialien geeignet. Über 16 mm hohe Segmente verfügt die Trennscheibe RX1.
    [/av_toggle]
    [av_toggle title='GÖLZ Stardust Diamanttrennscheiben Trennschleifer Allgemein und zur Stahlbearbeitung' tags='' av_uid='av-cm8fvy']
    Diamanttrennscheiben Trennschleifer von GÖLZ mit der Bezeichnung Stardust sind besonders zur Stahlbearbeitung geeignet. Die in Premium Grip Technologie gefertigten Trennscheiben sind bis zu 30 % effizienter als herkömmliche Trennscheiben. Dies spart jede Menge Zeit. Bei diesen Trennscheiben ist die doppelte Anzahl an Diamanten bei der Bearbeitung im Einsatz. Die Universalausführung ist ebenfalls für Guss und andere Materialien geeignet.
    [/av_toggle]
    [av_toggle title='Trennscheibe kaufen: Darauf sollten Sie achten' tags='' av_uid='av-137t8e']
    Eine hochwertige Trennscheibe zu kaufen hilft Ihnen, ihre Arbeitsaufgaben schneller und effizienter zu bewältigen. Dabei ist es entscheidend, welche Qualität die angebotenen Produkte besitzen. Üblich sind die gesinterte und die lasergeschweißte Ausführung. Beide sind je nach Einsatzzweck effizient, bei den Diamantsegmenten ist die Anordnung sowie die Stärke der Segmente bedeutsam. Es ist klar, dass ein Segment von 6 mm Segmenthöhe schneller verbraucht ist als eines von 10 mm Höhe. Weiterhin ist die Diamantdichte in den Segmenten von Bedeutung und ob die jeweilige Bindung für die zu bearbeitenden Materialien geeignet ist.

    Grundsätzlich sind Qualitätsprodukte, wie wir sie anbieten, den No-Name Trennscheiben vorzuziehen. Der höhere Preis ist schnell wieder erwirtschaftet, wenn die Qualität der Werkzeuge optimal auf Ihre Anwendungen ausgerichtet ist. Daher ist unbedingt der Einsatzzweck beim Kauf zu berücksichtigen. Eine Trennscheibe für Granit ist anders aufgebaut als eine Trennscheibe für Sandstein. Bei Fragen sprechen Sie uns an. Wir beraten Sie gern, welche Trennscheibe optimal für die jeweilige Bearbeitungsaufgabe geeignet ist.
    [/av_toggle]
    [av_toggle title='Proditool berät Sie beim Kauf einer Diamanttrennscheibe für den Trennschleifer' tags='' av_uid='av-9970lq']
    Wenn Sie nicht sicher sind, welche Variante der Trennscheiben Sie kaufen sollten, stehen wir Ihnen gerne beratend zur Seite und unterstützen Sie bei der Suche nach dem passenden Produkt. Kontaktieren Sie uns einfach – wir freuen uns auf Ihre Anfrage!
    [/av_toggle]
    [/av_toggle_container]

    [/av_section][av_layout_row border='' min_height_percent='' min_height='5' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' mobile_breaking='' av_uid='av-82wt7y']
    [av_cell_one_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#99cc99' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-5s0ey6']

    [/av_cell_one_fifth][av_cell_three_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#009933' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-3pi8b2']

    [/av_cell_three_fifth][av_cell_one_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#99cc99' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-1zd7we']

    [/av_cell_one_fifth]
    [/av_layout_row]

    “);
    }

    elseif ( has_term( ‘fuer-tischsaegen’, ‘product_cat’ ) ) {

    echo do_shortcode(“”);
    }

    };

    // add the action
    add_action( ‘woocommerce_after_main_content’, ‘action_woocommerce_after_main_content’, 10, 2 );

    //Text nach Produktkategorien anzeigen ENDE

    #1014697

    Hi,

    The code is correct. It was a small styling issue – I added following css code to the quick css field to fix it:

    
    /* fullwidth for seotext section products */
    #top.single-product .container .av-content-small.units {
        width: 100%;
    }
    

    Best regards,
    Dude

Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.