Learn – mikesyoon.com

looping service then filtering with if condition
{#loop service($count: -1) as item data-etch-context="eyJuYW1lIjoiTG9vcCIsInN0cnVjdHVyZVN0YXRlIjoib3BlbiIsInJlZiI6ImlteXkzY2cifQ=="} {#if item.metabox.service_content === "hub" data-etch-context="eyJuYW1lIjoiSWYgKENvbmRpdGlvbikiLCJzdHJ1Y3R1cmVTdGF0ZSI6Im9wZW4iLCJyZWYiOiJ2c3dlejJrIn0="} <li class="service-section__list-item" data-etch-context="eyJuYW1lIjoiTGlzdCBJdGVtIiwicmVmIjoiczlvcmplZyJ9"> <a href="{item.permalink.relative}" class="service-section__list-link" data-etch-context="eyJuYW1lIjoiQW5jaG9yIiwicmVmIjoiNzVhbmZkOCJ9"> <h3 data-etch-context="eyJuYW1lIjoiSGVhZGluZyIsInJlZiI6Imo0ZnEyeDkifQ==">{item.title}</h3> <p data-etch-context="eyJuYW1lIjoiVGV4dCIsInJlZiI6IjZ2eDhlNTQifQ==">{item.metabox.service_blurb}</p></a> </li> {/if} {/loop}
2026-05-10 09:57:58
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

making metabox group field "sortable"
there used to be a toggle button but seems not there anymore. looked everywhere for this. have to click the field group then go to custom settings, put 'sort_clone' in key field and put 'true' under it
2026-04-06 00:41:57
[Work] [Edit]
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

another nested loop + if condition
{#loop posts($post: "result") as result} {#if result.metabox.result_type == "testimonial"} {#loop result.metabox.result_testimonial as item} <li class="testimonials-masonry__card"> <div class="testimonials-masonry__stars">★★★★★</div> <p class="testimonials-masonry__quote">"{item}"</p> <div class="testimonials-masonry__author"> <img src="https://imgcaps.s3.us-west-1.amazonaws.com/Horizontal-Small-img.svg" class="testimonials-masonry__avatar" /> <div class="testimonials-masonry__author-info"> <span class="testimonials-masonry__name">Gretchen Rubin</span> <span class="testimonials-masonry__credentials"> , bestselling author of The Five Senses and The Happiness Project </span> </div> </div> </li> {/loop} {/if} {/loop}
2026-04-05 20:22:07
[Work] [Edit]
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

setting up metabox relationship for service to faq and rendering in Etch
faq custom field in group, then faq question, faq answer as nested custom fields needed to apply nested loops {#loop mbFrom($related_cpt: "faq", $rel_field: "service-to-faq", $from_id: this.id) as related} {#loop related.metabox.faq_group as item } <li> <h3>{item.faq_question}</h3> <div>{item.faq_answer}</div> </li> {/loop} {/loop}
2026-04-04 16:25:43
[Work] [Edit]
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

parsing cloneable fields to etch
add field group then nested custom fields, make the group cloneable. follow doc here for parsing output https://docs.etchwp.com/integrations/custom-fields/repeater-fields#meta-box also need to make element raw html
2026-04-04 15:04:33
[Work] [Edit]
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

parse wysiwyg content from metabox to etch
need to convert element to raw html and make parent tag div. https://docs.etchwp.com/elements/html
2026-04-04 14:25:45
[Work] [Edit]
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

when page redirect or 404 for no reason
save permalink in settings. or check whether url is correct.
2026-04-04 00:37:14
[Work] [Edit]
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

what did i learn today?
learned about etch. learned shops close on good friday.
2026-04-04 00:32:53
[Work] [Edit]
- 2026-04-04 00:18:11 [Edit] – Rebranding and main website project –

looping service then filtering with if condition