Ajax layered nav + w3 total cache: may swift framework be broken?

[alemarengo]

Hi guys!
I have a question for you.
My ecommerce runs Dante and its config is the following:
– w3 total cache
– ajax layered nav
If you navigate this page, you can see that I put some toggle elements in the category description. Toggles work perfectly until an option has been selected. Once an option has been choosen and products are filtered, toggles won’t open any more. Moreover, their content is void. This happens in desktop and mobile browsers.
I hope you can help me in understanding what happened or even how to fix this.
Many thanks in advance.

[alemarengo]

I have to add that I tried what layered nav filter plugin’s developer suggests in case some content won’t be reloaded, as it’s written here.
I add that to functions.php, specifying both #products and .term-description as elements to be reloaded, but unsuccessfully… 🙁

[alemarengo]

Sorry for multiple posting, I forgot to say that I’d like to try this way instead, by adding this function to functions.php

function add_content_before_shop_loop() {
    if ( is_product_category( 'category-name' ) ) {
        //this is where I'd like to add dante's shortcodes
        //but I don't know how to add them via php :(  
    }
}
add_action( 'woocommerce_before_shop_loop', 'add_content_before_shop_loop' );

[Rui Guerreiro – SUPPORT]

Hi,

Regarding your last request it should be something like this:

echo do_shortcode( '[clients item_count="12" category="All" carousel="yes" carousel_auto="yes" pagination="no" width="1/1" el_position="first last"]') ;

Can you try to disable all plugins excect Woocommerce and Layered Nav Filters, and try again to see if the toogle works.

-Rui

[alemarengo]

Hi Rui!
I deactivated all plugins but woocommerce, ajax layered nav and woosidebars. I needed woosidebars because replaces woocommerce sidebar widgets.
Unfortunately, once I selected an option, toggles stopped to work. 🙁
I have a ticket opened in woothemes.com, waiting for an answer by ajax layered nav developer.
What do you think about?

[Rui Guerreiro – SUPPORT]

Just tested again and found this error.
https://www.dropbox.com/s/h6r83j7zdxz8xpb/error_in_filter.png?dl=0

How do you inserted the Toggle in that place?

-Rui

[alemarengo]

That error is related to addshoppers, a script that I added some minutes ago.
It doesn’t matter. I’ve just opened a ticket to addshoppers.
I put toggles within category description.

[alemarengo]

This is just to say that I remove addshoppers script from footer.php
No reply from woothemes support until now… 🙁
Probably still disposing #wooconf hangover 😉

[alemarengo]

Sorry for posting prior to your reply, but perhaps I have to change the thread title or open a new one, because… I’ve just received woothemes support answer who told me that with default wordpress theme, ajax layered plugin works well. They think plugin doesn’t like Dante shortcode.
Now, is there a way to investigate what’s happening with my config or… should I find an alternative way to display toggle elements for a specific category?
Waiting for your reply, many thanks!

Attachments:

You must be logged in to view attached files.

[alemarengo]

Rui,
if I try to add shortcode, code will break until ' has been found… 🙁
I thought I can add shortcode for specific categories via functions.php, but how can I manage code breaking up?
Really, I have to fix this. 🙂

[Rui Guerreiro – SUPPORT]

That code shouldn’t break. What message do you get?

-Rui

[alemarengo]

Actually, firstly I paste code to textwrangler on my mac which highlights/grayed out code as it would be broken or closed asap it founds a '. See attached screenshot.
Can I try it anyway on Dante?

Function should be something like this:

function add_content_before_shop_loop() {
    if ( is_product_category( 'category-name' ) ) {
    	echo do_shortcode( '
[spb_toggle title="Le misure del piumino" open="false" width="1/1" el_position="first last"]

[spb_column width="1/2" el_position="first"] 
[blank_spacer height="10px" width="1/1" el_position="first last"] 
[spb_text_block title="Le corrette dimensioni" pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"]

Qualità dei materiali, peculiarità caratteristiche ma anche la giusta misura: la scelta del piumino o della trapunta passa anche attraverso la selezione delle dimensioni corrette per il letto che rivestiranno. Qui di fianco riportiamo le misure dei prodotti che selezioniamo e le corrispettive destinazioni d'uso per darVi corretta indicazione delle possibilità a disposizione.

[/spb_text_block] [spb_text_block title="Realizzazione su misura" pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"]

Previa richiesta di preventivo gratuito, è possibile richiedere la realizzazione personalizzata di un piumino o trapunta per misure fuori standard.

[sf_modal header="Richiesta preventivo su misura" btn_colour="accent" btn_type="sf-icon-reveal" btn_icon="ss-compose" btn_size="standard" btn_text="Richiedere un preventivo"]
[form form-trapunte-piumini]
[/sf_modal]

 

[/spb_text_block] [/spb_column] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/2" el_position="last"]

[table type="striped_bordered"]
[trow]
[thcol]Misure finite[/thcol]
[thcol]Utilizzo[/thcol]
[/trow]
[trow] [tcol]60x80cm[/tcol]
[tcol]Culla[/tcol]
[/trow]
[trow]
[tcol]100x135cm[/tcol]
[tcol]Lettino con sponde[/tcol]
[/trow]
[trow]
[tcol]155x200cm[/tcol]
[tcol]1 Piazza - singolo[/tcol] [/trow]
[trow]
[tcol]155x220cm[/tcol]

[tcol]1 Piazza - singolo extra[/tcol] [/trow]
[trow]
[tcol]200x200cm[/tcol]
[tcol]1 Piazza e Mezza[/tcol] [/trow]
[trow]
[tcol]200x220cm[/tcol]
[tcol]1 Piazza e mezza extra[/tcol] [/trow]
[trow]
[tcol]250x200cm[/tcol]
[tcol]2 Piazze - matrimoniale[/tcol] [/trow]
[trow] [tcol]250x220cm[/tcol]
[tcol]2 Piazza - matrimoniale extra[/tcol]
[/trow]
[/table]

[/spb_text_block]

[/spb_toggle]
[spb_toggle title="Scegliere il tipo di imbottitura" open="false" width="1/1" el_position="first last"]
[blank_spacer height="20px" width="1/1" el_position="first last"] [spb_text_block title="Imbottitura: naturale o sintetica?" pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"] [/spb_text_block] [spb_column width="1/1" el_position="first last"] [boxed_content type="coloured" custom_bg_colour="#f0f8ff" custom_text_colour="#444444" pb_margin_bottom="no" width="3/4" el_position="first"]

[highlight]Naturale[/highlight] è il piumino caratterizzato da una imbottitura in piuma o piumetta, di oca, anatra o ededrone. Tutte, seppur in misura diversa, garantiscono due elementi fondamentali: un isolamento termico e una capacità di assorbimento dell'umidità elevati.

[/boxed_content] [spb_single_image image="13535" image_size="full" frame="borderframe" intro_animation="none" full_width="no" lightbox="no" link_target="_self" width="1/4" el_position="last"] [spb_single_image image="13536" image_size="full" frame="borderframe" intro_animation="none" full_width="no" lightbox="no" link_target="_self" width="1/4" el_position="first"] [boxed_content type="coloured" custom_bg_colour="#f0f8ff" custom_text_colour="#444444" pb_margin_bottom="no" width="3/4" el_position="last"]

[highlight]Sintetica[/highlight] è l'imbottitura artificiale. Costituisce un'alternativa per chi fosse allergico alle piume e avesse bisogno di un materiale ipoallergenico, come la fibra di cellulosa o microfibra, realizzati per aumentare la capacità di traspirazione. Le nostre trapunte in sintetico sono caratterizzate da una imbottitura in materiale siliconato cavo che ha caratteristiche simili al piumino: morbidezza, traspirabilità e leggerezza.

[/boxed_content]
[impact_text include_button="yes" button_style="standard" title="Vedi Piumini anallergici" href="http://www.puntobianco.net/categoria-prodotto/letto/piumino-anallergico/" color="accent" target="_self" position="cta_align_right" alt_background="none" width="1/1" el_position="first last"]

State cercando un caldo piumino di qualità con imbottitura in sintetico?

[/impact_text]
[/spb_column]
[/spb_toggle]
[spb_toggle title="Caratteristiche della piuma" open="false" width="1/1" el_position="first last"]
[blank_spacer height="5px" width="1/1" el_position="first last"]
[spb_column width="1/1" el_position="first last"] [spb_accordion widget_title="" active_section="0" width="1/1" el_position="first"] [spb_accordion_tab title="FILLING POWER"] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"]

Il FILLING POWER è il rapporto tra il peso ed il volume dell’imbottitura. Più voluminosi sono i singoli fiocchi della piuma, meno ne occorrono per occupare il volume desiderato, perciò quanto più elevato è il valore del filling power, tanto ne gioverà la qualità del piumino. Molto volume corrisponde a poco peso.

[/spb_text_block] [/spb_accordion_tab] [spb_accordion_tab title="PUNTI DI CALORE"] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"]

Il metodo più pratico per esprimere la capacità di un piumino di mantenere calore è attraverso i PUNTI DI CALORE. Corrispondono ad un dato impiegato per indicare un coefficiente termico: un valore basato sulla misurazione della proprietà di isolamento di un materiale. Esempio: 1 P.C. per i piumini freschi, ideali per le stagioni primavera/estate; 5 P.C. per quelli invernali.

[/spb_text_block] [/spb_accordion_tab] [spb_accordion_tab title="IGROSCOPICITA'"] [spb_text_block pb_margin_bottom="no" pb_border_bottom="no" width="1/1" el_position="first last"]

L’igroscopicità è il termine con cui si indica la capacità di un elemento di assorbire le molecole d’acqua presenti nell’ambiente: la piuma, quindi, risulta indicata, in caso di clima umido o di sudorazione cutanea, per mantenere il giusto grado di umidità, incamerandola e restituendola gradualmente nell’ambiente, evitando così la sensazione di bagnato.

[/spb_text_block]
[/spb_accordion_tab] 
[spb_message color="alert-info" width="1/1" el_position="first last"]
I piumini con imbottitura in piuma possono essere lavati ed asciugati in casa, possibilmente seguendo alcuni <strong><i><a href="http://www.puntobianco.net/consigli-lavaggio-manutenzione-prodotti/">corretti accorgimenti</a></i></strong>.
[/spb_message]
[/spb_accordion]
[/spb_column]
[/spb_toggle]
[blank_spacer height="20px" width="1/1" el_position="first last"]');
	}
}
add_action( 'woocommerce_before_shop_loop', 'add_content_before_shop_loop' );

[alemarengo]

Rui,
woothemes support replied to me as in the attached screenshot.
They suggested me to add another snippet, which reloads only .products div, leaving .term-description off.
The result is the same as before, thus toggles don’t work after .products reloading.
Do you think you can help me with this?
I’m stuck in the middle of nothing, where woothemes tells me to ask to you and you that tell me to ask to them. 🙂

Here’s a link to test it:
http://www.puntobianco.net/categoria-prodotto/letto/piumini-oca/

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi there,

Unfortunately that is not part of the current theme functionality, and it’s not within the scope of our support to be able to provide that functionality as it is more work than a small customisation. While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need that functionality, potentially from one of the below resources:

https://codeable.io

Home

http://www.microlancer.com

Thanks 🙂
With Best Regards
Mohammad

[alemarengo]

Hi guys.
Thanks anyway for your replies.
Finally, I got the issue fixed.
Just to let you know, I followed Rui suggestion to add shortcode via functions.php with my function, as written more above.
Moreover, despite what plugin’s developer suggested, I changed hook from woocommerce_before_shop_loop to woocommerce_after_shop_loop.
Toggle elements now works perfectly! They are not being refreshed from ajax calls the plugin does.

Thanks to you all again.