[Resolved] Different DOM structure in customizer

Home Forums Support [Resolved] Different DOM structure in customizer

Home Forums Support Different DOM structure in customizer

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #2394956
    Dawid

    In Cutomize I have a completely different DOM structure than when I display the page normally. What am I doing wrong?

    https://www.icloud.com/iclouddrive/09aUwrWqVW1cIvi0Lc6lhcpzg#Bildschirmfoto_2022-10-31_um_11.48
    https://www.icloud.com/iclouddrive/021rRLMl8sh1CG7MZzTzyj1Iw#Bildschirmfoto_2022-10-31_um_11.49

    The page with the problem: https://staging-commodityboardcom-dev.kinsta.cloud/

    Thanks in advance.

    #2394977
    Dawid

    this is the code I use to show the overview: <!– wp:latest-posts {“postsToShow”:6,”displayPostContent”:true,”displayAuthor”:true,”displayPostDate”:true,”postLayout”: “grid”,”displayFeaturedImage”:true,”addLinkToFeaturedImage”:true} /–>

    #2395116
    David
    Staff
    Customer Support

    Hi there,

    the Customizer uses Javascript to render the preview, its what allows it to show live changes. But that requires additional HTML on the page.

    Therefore its best NOT to use the developers tools for prototyping when in the Customizer.

    What is the issue you’re trying to fix ?

    #2396330
    Dawid

    Hi David,

    in customizer the layout looks as intended, i save everything but when i view the page normally the design is gone completely. The “More” button is missing, the two column layout is gone, different fields are displayed than what I selected. All the settings I have made are not displayed, they remain saved but are not displayed.

    Best regards
    Dawid

    #2396497
    David
    Staff
    Customer Support

    Did you publish the changes you made in the Customizer ? Or is the button set to Save Draft ?

    #2396511
    Dawid

    The changes are published. The button is set to Publish.

    #2396526
    Dawid
    #2396564
    David
    Staff
    Customer Support

    Looks like a Caching issue.
    Are you using any Cache/Optimization Plugins?

    #2396574
    Dawid

    W3 Total Cache is deactivated.

    #2396578
    David
    Staff
    Customer Support

    Can i see the site ?

    #2396599
    Dawid

    you can reach the page here:
    https://staging-commodityboardcom-dev.kinsta.cloud

    I think I have an understanding problem. There are two different pages once my home with the following code:
    <!– wp:latest-posts {“postsToShow”:6,”displayPostContent”:true,”displayAuthor”:true,”displayPostDate”:true,”postLayout”: “grid”,”displayFeaturedImage”:true,”addLinkToFeaturedImage” :true} /–>

    and in the customizer I see the default home.

    I have now deleted my home and the problem is gone. What code can I use to display the posts overview configured in the customizer?

    #2396602
    David
    Staff
    Customer Support

    Ah ok.
    The Themes customizer settings will only apply to the Blog page that you set in the Settings > Reading and any of the archive pages eg, a category:

    https://staging-commodityboardcom-dev.kinsta.cloud/category/oil-seeds/

    What other changes do you want to make to the home page ?

    #2396983
    Dawid

    that has helped me a lot.
    I just want to place shortcodes in one place or another on the home page.

    #2397033
    David
    Staff
    Customer Support

    So if you you have your Home set to show your latest posts, or an archive page, you can then use a Block Element to add content before or after the loop:

    https://docs.generatepress.com/article/block-element-hook/

    Here you can see the position of the Hooks:

    https://docs.generatepress.com/article/hooks-visual-guide/#posts-page

    #2410908
    Dawid

    best thanks David for the great support!

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