Nybörjare – Behöver hjälp

Hej och välkommen till forumet! Roligt att du hittat hit!

Av din beskrivning av din verksamhet att döma så kanske WooCommerce egentligen är lite för mycket för din hemsida. WooCommerce är en rätt så omfattande e-handelslösning med varukorg, kassa, betalningar och produkthantering på ett sätt som du kanske egentligen inte behöver.

Om dina kunder kan betala när de hämtar sina saker så kanske du ska fundera på att bara köra en vanlig WordPress-sida. Beställningar kan du då istället lösa med ett kontaktformulär. Det kan vara något att fundera över iallafall.

För att sedan besvara dina frågor…

Storleken på rubriken kan du själv ändra via CSS (stilmallen för din hemsida). Om du är inloggad i adminpanelen (wp-admin) så klickar du dig in under ”Utseende” och ”Anpassa” samt ”Extra CSS” i vänstermenyn. Där lägger du sedan in följande kod och sparar detta:

h1.entry-title {
	font-size: 3em;
}

Du kan testa dig fram lite med storleken för att få till den exakt som du vill.

Menyraden som visas i botten på sidan för mobila besökare är en funktion i ditt tema, Storefront. Den kan man stänga av genom att lägga in följande kod i functions.php:

add_action( 'init', 'jk_remove_storefront_handheld_footer_bar' );

function jk_remove_storefront_handheld_footer_bar() {
  remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );
}

Källa: https://docs.woocommerce.com/document/remove-the-handheld-navigation-bar/

Det enklaste sättet att göra detta är installera/aktivera ett tillägg som heter Code Snippets (sök efter det under ”Tillägg” och ”Lägg till nytt” i wp-admin eller ladda ner från https://wordpress.org/plugins/code-snippets/). När det tillägget är aktivt, klicka på ”Snippets” och ”Add New” i vänstermenyn.

Klicka sedan på knappen ”Add New” högst upp på sidan, ange ett valfritt namn som titel, klistra in koden ovan i kodrutan samt välj ”Only run on site front-end”. Till slut klickar du på den blåa knappen ”Save Changes and Activate” så ska du se att menyraden för de mobila besökarna försvinner.

Du ska INTE lägga in din CSS-kod i Code Snippets. Du ska enbart lägga in funktionskoden där. Vad får du för felmeddelande?

Funktionskoden kommer direkt från WooCommerce egen dokumentation, så den borde verkligen fungera om du har lagt in den rätt. Dubbelkolla gärna det. Alternativet till Code Snippets är att skapa ett eget ”child theme” till ditt tema Storefront och lägga in koden i functions.php för ditt child theme. Men det är avsevärt svårare (du kan läsa mer om det här: https://codex.wordpress.org/Child_Themes).

Vad gäller CSS-koden, har du möjligtvis någon cachefunktion aktiv på din hemsida? Du behöver i sådana fall rensa den. Tänk även på att rensa cachen i din webbläsare, t ex genom att du laddar om via ctrl/cmd + shift + r.