TT4 Child Theme – A ton of wonders and stuff not working

  • Hi TT4

    I have scraped manual after manual, and I really need some clarification to move further… I have setup a child theme for tt4 that apparently sort of works. Style Css is in place and declaring TT4 as parent. Woo specifies that child theme is theme and TT4 is parent. I declare tt4 to woo using a snippet in child functions.php, so this file also works. Furthermore, I have added theme.json and screenshot.png.

    The following is totally unclear for now:

    1. Front Page – Query of blogs at bottom and footer does not show on my frontpage. Why? They show in editor.
    2. How du I activate style.css (child) so that additions show on site and also in editor?
    3. Fonts are not showing correct. Basically I am using Cardo and Inter as default TT4, however, the display is not ported to child correct. Paragraphs show as Cardo font and other strange things are happening that I didn’t ask for. Why is this? and how to overcome?
    4. Templates, Parts and Patterns. I have copy pasted those from tt4 into child. Yes everything, yet some of my custom work does not show? Also I wonder: If I copy from TT4, will that not overwrite stuff in TT4? In other words, I need to create custom stuff with other title and slug if I want parent theme stuff to show? My concern is if I switch to fx TT5 theme, the new templates from parent will not show in editor if they are identical (Title, Slug) to what is in my child theme? Or have I misunderstood? It’s really important to me, I get this right since I want both parent default (Now and future) and also custom child stuff to show in editor.
    5. theme.json variables – (I have read the manuals and I do not find my answer). As I understand theme.json child coexists with parent theme.json and takes priority over parent if same stuff is in there with new color etc. Settings displays in editor or does it? Custom styles is other styles than the ones in native tt4. So how do I create simple variables such as color, font-size etc. like this: var(–wp–preset–color–accent-3), and this var(–wp–preset–font-size–medium). I use default styles, I just need custom variables coexisting with default variables……! Where and how do I define them?
    6. theme.json core stuff – Altering fx core button, I assume I can copy paste from parent theme.json to child theme.json and then alter to my liking, and then this will overwrite parent? Is this correct?

    So in short I have structure issues not working and basically I want to create variables next to TT4 default and make them available in settings, but also have those for plugin css to make them adapt at theme change etc.

    Thx

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter hebhansen

    (@hebhansen)

    Examples of issues I see:

    Editor does not show in frontend:

    Blog page editor with exerpt and author

    Blog Page frontend no exerpt and centered heading

    Front Page editor with post query and footer

    Front page ends here No blog query and no footer

    Editor Product catalogue template with footer

    Shop page ends here without footer

    Fonts TT4 default style

    Paragraphs show serif. Is this Cardo or not? They should be inter.

    Are heading Cardo or not?

    In editor all fonts are inter

    Apparently something is consistently wrong. I really need help so come on someone.

    Thx

    Thread Starter hebhansen

    (@hebhansen)

    Child theme json:

    {
    	"$schema": "https://schemas.wp.org/wp/6.6/theme.json",
    	"version": 3,
    	"patterns": [],
        "settings": {
            "color": {
                "palette": [
                    {
                        "name": "Black",
                        "slug": "black",
                        "color": "#000000"
                    },
                    {
                        "name": "White",
                        "slug": "white",
                        "color": "#ffffff"
                    },
    				{
                        "name": "Draupnir 8",
                        "slug": "draupnir-8",
                        "color": "#171717"
                    },
                    {
                        "name": "Draupnir 9",
                        "slug": "draupnir-9",
                        "color": "#ae1100"
                    }
                ]
            }
        }
    	"styles": {.                EDITOR SAYS THERE IS AN ERROR HERE. WHATS THE ERROR?
    		"blocks": {
    			"core/button": {
    				"variations": {
    					"outline": {
    						"spacing": {
    							"padding": {
    								"bottom": "calc(0.6rem - 1px)",
    								"left": "calc(1rem - 1px)",
    								"right": "calc(1rem - 1px)",
    								"top": "calc(0.6rem - 1px)"
    							}
    						},
    						"border": {
    							"width": "1px"
    						}
    					}
    				}
    			},
    			"core/buttons": {
    				"spacing": {
    					"blockGap": "0.7rem"
    				}
    			},
    			"core/search": {
    				"css": "& .wp-block-search__input{border-radius:.33rem}",
    				"typography": {
    					"fontSize": "var(--wp--preset--font-size--small)"
    				},
    				"elements": {
    					"button": {
    						"border": {
    							"radius": { "ref": "styles.elements.button.border.radius" }
    						}
    					}
    				}
    			},
    		"color": {},
    		"elements": {
    			"button": {
    				":active": {
    					"color": {
    						"background": "var(--wp--preset--color--contrast)",
    						"text": "var(--wp--preset--color--base)"
    					}
    				},
    				":focus": {
    					"color": {
    						"background": "var(--wp--preset--color--contrast-2)",
    						"text": "var(--wp--preset--color--base)"
    					},
    					"outline": {
    						"color": "var(--wp--preset--color--contrast)",
    						"offset": "2px"
    					},
    					"border": {
    						"color": "var(--wp--preset--color--contrast-2)"
    					}
    				},
    				":hover": {
    					"color": {
    						"background": "var(--wp--preset--color--contrast-2)",
    						"text": "var(--wp--preset--color--base)"
    					},
    					"border": {
    						"color": "var(--wp--preset--color--contrast-2)"
    					}
    				},
    				"border": {
    					"radius": ".33rem",
    					"color": "var(--wp--preset--color--contrast)"
    				},
    				"color": {
    					"background": "var(--wp--preset--color--contrast)",
    					"text": "var(--wp--preset--color--base)"
    				},
    				"spacing": {
    					"padding": {
    						"bottom": "0.6rem",
    						"left": "1rem",
    						"right": "1rem",
    						"top": "0.6rem"
    					}
    				},
    				"typography": {
    					"fontSize": "var(--wp--preset--font-size--small)",
    					"fontStyle": "normal",
    					"fontWeight": "500"
    				}
    			},
    		},
    	},
    	"templateParts": [],
    	"customTemplates": []
    }
    Thread Starter hebhansen

    (@hebhansen)

    Ref. above. Theme.json line 35 expects a , as opposed to “. What am I misssing?

    I changed the blockgap for buttons block in child theme.json. It takes no effect, and I assume something is really not working. Question again: Can I have a child of schema 3 on a parent of schema 2 such as TT4??????? Should I not declare version in a CHILD THEME?

    Where the f*** is everyone!!!!!

    • This reply was modified 3 weeks, 3 days ago by hebhansen.
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.