During a December 2024 working session, the Didion website was found to have redundant pages and a duplicated slider element on the Culinary Collection page. This article documents the root cause, the resolution approach, and the constraints imposed by the Divi theme that affect future editing workflows.
See also: [1] | [2]
The Corn Masa Flour page was an early draft that predated the final Culinary Collection page. At some point the developer duplicated the page as a starting point, and the original was never removed. The two pages were nearly identical in content.
A third related page — Masa & Arepa — was the intended live product page.
Decision (Dec 2024): Disable the Corn Masa Flour URL. Do not delete until confirmed no external links reference it.
The scrolling product slider on the Culinary Collection page is not a Divi native element — it is a custom-coded Slick Slider injected via functions.php in the theme. Because Divi does not natively support this slider type, the page ended up rendering the slider twice: once from the custom code and once from a Divi page row that also referenced it.
The duplication was not visible in the Divi backend editor — it only appeared on the live front end (visible via Divi's Visual Builder on the front end, not the standard backend panel).
Ishaque (developer) resolved the immediate duplication by hiding the duplicate slider instance via custom CSS targeting the slider's class. A more permanent fix requires writing additional code to prevent the duplication from recurring.
Note: This is not a one-click fix. Because the slider lives in
functions.php, any future edits — adding items, removing items, correcting text — require direct code edits. Divi's visual editor cannot touch this element.
Ishaque recorded a walkthrough; the Fathom recording of this session also captures the live demonstration.
General process:
1. Go to Appearance → Theme File Editor → functions.php in the WordPress backend.
2. Locate the Slick Slider section (labeled for the Masa/Arepa slider).
3. To remove an item (e.g., Nachos): delete the corresponding code block for that item.
4. To add an item: copy an existing item's code block, paste it below, and update the image URL and label text.
5. To update an image: upload the new image via Media, copy its URL, and paste it into the relevant code block.
6. Save the file.
Warning: Editing
functions.phpdirectly carries risk. A syntax error can break the site. Diana requested a short standalone recording of this process from Ishaque.
These corrections apply to both the Culinary Collection page and the Masa & Arepa page.
This session surfaced an important architectural constraint for all future Didion website work:
The Divi theme does not natively support all design elements used on the Didion site. Custom sliders and similar dynamic elements were coded directly into
functions.php, bypassing Divi entirely. This means:
- Divi's visual editor cannot see or edit these elements.
- Any changes require manual code edits.
- Non-developers should not attempt to edit these sections without the walkthrough recording or developer support.
This constraint should be communicated to any designer or team member working on Didion's site going forward. Where possible, new design elements should use Divi-native components to avoid expanding the custom-code surface area.
| Owner | Task | Status |
|---|---|---|
| Ishaque | Disable the Corn Masa Flour page | Assigned |
| Ishaque | Send short recording of slider editing process | Assigned |
| Ishaque | Write code fix to prevent slider duplication recurring | Assigned |
| Ishaque | Remove Nachos from slider on Culinary Collection page | Completed (live session) |
| Team | Apply "Tamales" and "Arepas" text corrections to both pages | Pending |