Support » E-handel » Nybörjare – Behöver hjälp

  • Hej,

    Jag är nybörjare på det här och skulle behöva typ en mentor eller ett bollplank som kan guida mig. Ska göra en typ ”Loppis”-shop där jag säljer prylar (Billiga loppis och second hand prylar).

    Senare kanske jag gör en annan sida där jag kan lägga upp saker jag och vänner tillverkar. Men en sak i taget…

    Jag har valt ett tema som är gratis då det jag säljer inte ger så mycket pengar, avhämtningen sker hemma hos mig etc. Finns det bättre teman tar jag gärna till mig tips. Jag använder WooCommerce, tänkte det kanske skulle fungera bra, men tycker inte det är så speciellt användarvänligt, kanske för jag har gratisversionen(?).

    Just nu får jag inte till det med som visas på bilden. I mobilversionen så blir ”Välkommen” rubriken delad på mobilversionen på mindre mobiler, större mobiler och surfplattor fungerar detta bra! Troligen kanske det räcker med att minska rubrikstorleken något, men vet inte hur man gör det.

    Sedan har jag ingen användning av menyraden nedantill, jag skulle vilja ta bort den helt och hållet, hur gör man det?

    https://imgur.com/a/GaosA

    Sidan jag behöver hjälp med: [logga in för att kunna se länken]

Visar 1 svar - 1 till 13 (av 13 totalt)
  • Moderator Jonathan Sulo

    (@jonathansulo)

    Bygger snabbare hemsidor.

    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.

    Hej,

    Tack för välkomnandet och ett mycket bra och pedagogiskt skriven förklaring.

    Jag kommer utveckla webbshoppen senare med andra produkter i framtiden, då kommer jag behöva använda fler funktioner. Så nu behöver jag lära mig så att när jag behöver fler funktioner så kanske jag känner mig mer hemma med sidan, därför tänkte jag att WooCommerce är bra att ”Växa” in sig i.

    Men det verkar som om något är fel eller så har jag missat någon funktion. Jag installerade ”Code Snippets” vilket för övrigt verkar vara ett användarvänligt tillägg. Men jag har testat båda koderna och får felmeddelanden på båda. Har suttit nu några timmar med att försöka lita ut om det är något fel i koden eller vad som kan vara felet, men hittar inget uppenbart fel. Så då undrar jag om någon funktion är fel på sidan min eller om jag glömt ställa in någon funktion… Vad ska jag göra? Är det Teamt jag använder som strular eller ”skit bakom spakarna”? 🙂

    Har testat lägga in;
    h1.entry-title {
    font-size: 3em;
    }
    både i snippet och på CSS men inget resultat. När jag lägger in på CSS så händer ingenting… När jag använder snippet så får jag felmeddelanden.

    Och eftersom jag fick så himla bra svar här så istället för att försöka lista ut själv så frågar jag igen.

    Moderator Jonathan Sulo

    (@jonathansulo)

    Bygger snabbare hemsidor.

    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.

    När jag lägger in på Extra CSS kod;
    h1.entry-title {
    font-size: 3em;
    }

    Så händer ingenting på sidan…? Publicerar och det händer inget.
    Gör jag något fel?

    Tänk på att jag är nybörjare, vad är det för skillnad på CSS-kod och funktionskoden?
    Jag la in det du skrev;
    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 );

    På code snippets, och får felet:

    Don’t Panic

    The code snippet you are trying to save produced a fatal error on line 4:
    syntax error, unexpected end of file

    The previous version of the snippet is unchanged, and the rest of this site should be functioning normally as before.

    Please use the back button in your browser to return to the previous page and try to fix the code error. If you prefer, you can close this page and discard the changes you just made. No changes will be made to this site.

    Kanske självklart vad jag gör för fel, men för en som aldrig hållit på är det lite svårt att förstå. Har uppdaterat sidan men det är något annat som är fel…

    Har troligen lagt in det fel, testade igen och igen och fick till detta;

    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 );
    }

    Så nu fick jag inget felmeddelande, men inget händer på sidan istället…
    Lagt in det på snippet…

    • Det här svaret redigerades 6 månader, 2 veckor sedan av  lilleman79.
    Moderator Jonathan Sulo

    (@jonathansulo)

    Bygger snabbare hemsidor.

    Du saknar en avslutande ”}” i funktionskoden. Därav felmeddelandet i Code Snippets. Kopiera funktionskoden exakt som jag skrev i det första inlägget så bör det gå bättre.

    Jag tror att CSS-koden ska stämma, men är inte helt hundra (för det krävs åtkomst till hemsidan/temat). Ska se om jag kan pinga in en CSS-expert här som kan se över detta.

    Ändrade från:
    Only run on site front-end

    Till:
    Run snippet everywhere

    Nu fick jag bort meny på mobilversionen.

    Kvarstår felet med rubrik på startsidan;
    ”Välkomme
    n”

    Moderator Jonathan Sulo

    (@jonathansulo)

    Bygger snabbare hemsidor.

    Jo, nu visas inte längre den nedre menyn på hemsidan för mobila besökare. Så då fick du till det. 🙂

    YES! Tack vare dig!

    Men fel på menystorleken kvarstår, får inte till det.
    Kan jag använda snippet? eller måste jag gå till Extra CSS?

    Har testat båda vägarna men inget händer…

    ***
    The code snippet you are trying to save produced a fatal error on line 1:
    syntax error, unexpected ‘{‘
    ***

    Moderator Jonathan Sulo

    (@jonathansulo)

    Bygger snabbare hemsidor.

    Du ska INTE använda Code Snippets för CSS-kod. Denna kod ska enbart läggas in under ”Extra CSS”. Varför det inte fungerar när du lägger in det rätt, det vet jag inte.

    Jag tror att CSS-koden ska vara rätt, men är som sagt inte helt hundra på den. Har därför bett om hjälp med detta i vår interna supportkanal, där vi har ett 20-tal aktiva WordPress-entusiaster. Jag kan inte göra mer än att hoppas att någon därifrån kan ge svar här.

    Hej!

    Följande kod för att ändra storleken på rubriken bör fungera om du lägger den i Extra CSS:

    .page-template-template-homepage .entry-header h1 {
        font-size: 3em;
    }

    Om det ändå inte skulle fungera så kan du använda Jonathans kod och lägga till !important, alltså:

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

    Dock så är det bra om man inte behöver använda sig av !important.

    Om du vill slippa sådan här anpassad kod så skulle jag faktiskt rekommendera att köpa Storefront Powerpack, https://woocommerce.com/products/storefront-powerpack/, där du kan ändra en hel del i temat utan att behöva koda.

    Tack snälla,

    Det är typ det sista jag har var innan jag har en ok sida.

    Länkar till bild hur det ser ut så att du/någon kan se om de undrar hur jag gjort.

    https://imgur.com/a/cIbQE

    Tacksam för all hjälp, du förklarar sjukt bra oxå!

    Tack till er båda!

    .page-template-template-homepage .entry-header h1 {
    font-size: 3em;
    }

    Fungerade perfekt! Har inte testat den andra.
    Sjukt bra hjälp här, och snabbt!
    Tack till er båda!!!

Visar 1 svar - 1 till 13 (av 13 totalt)
  • Ämnet ”Nybörjare – Behöver hjälp” är stängt för nya svar.