Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1414279

    I use the column function in the Text Block which is great, but I miss one thing about it.
    I have searched for how I could set up, when the text should break up in two columns.

    Is this possible, maybe with a shortcode ort something? :-)

    #1414319

    Hi BenjaminSpeedtsberg,

    We are just using column-count property for it, you can check for further details here: https://developer.mozilla.org/en-US/docs/Web/CSS/column-count

    Best regards,
    Nikko

    #1414336

    I know how the columns is being adjusted, but i want to know, if there’s a way to choose when the text should move to column two.
    As the example below:
    https://ibb.co/80YvvYh

    #1414339

    Hi BenjaminSpeedtsberg,

    As far as the specification provided for us, I think there’s no way to choose that.
    The only workaround is to use two columns and put a textblock inside it.

    Best regards,
    Nikko

    #1414340

    Okay, but thanks for the quick respons.

    #1414342

    Hi BenjaminSpeedtsberg,

    You’re welcome and thanks for using Enfold.

    Best regards,
    Nikko

    #1414344

    thats exactly what Nikkos hint will do – just place a 1/1 column and choose 2, 3 etc column counts – very usefull and more magazine stylish:

    #1414345

    @Guenni007 I already use the function. – Take a look at my “attached” image in the link.

    #1414349

    by the way – you can hamper floating of lists-items to the next text-column or breaking p-tags :
    https://enfold.webers-webdesign.de/multicolumn-text-block/

    in german tradition these stying mistakes are called “Hurenkind” and “Schusterjunge”

    Hurenkind (whore child)
    occasionally called son of a dog, around 1900 freak, since the 1980s sometimes widow. This is the name given to the last line of a paragraph when it is also the first of a new page or column. According to an old prejudice, “son of a dog” did not know who their father was – their origins were unclear. Impoverished, they begged on the streets. If the last line of a paragraph slips to the next page (or paragraph), when you turn to that page you don’t know what content that first line refers to. So the origin of the line at the top of the page was lost like that of a whore child.

    Schusterjunge (cobbler’s boy)
    sometimes also called orphan. This is the name given to a line of a new paragraph at the end of the page or column, which is continued on the following page. In the past, it was often the cobblers who took in orphan boys for apprenticeship. These cobbler boys had to leave the household at the end of the apprenticeship and did not know where they could go afterward for the entire apprenticeship. Cobbler workshops were on the lower floor of the building. If only the first line of a paragraph still hangs on the page, when you read that lone line you don’t know what will happen next. So the continuation of the line at the bottom of the page is uncertain, like the life of a cobbler’s boy.

    #1414350
    #1414352

    I see, thats looks like something that could fix it, if only have two paragraphs, lists og titles.
    I have 6 lists, paragraphs and lists, tried to use the css.

    and the reason why I want to use text block in two columns instead og two columns, is, so I can have one “read more” button below. On columns, they would appear as to read more buttons. I also tried using the read more function for the color sektion, but that does not work as far I can see.

    You can see the text block here: https://iconiq.dk/woocommerce-webshop/

    #1414359

    you can surround your “blocks” (h6 p and ul) in text-mode by div with a custom class – f.e.: <div class=”no-column-break”></div>

    and then :

    .no-column-break {
      break-inside: avoid-column;
    }
    <div class="no-column-break">
    <h6>Hvilke fordele har WooCommerce ift. at oprette en webshop?</h6>
    WooCommerce er en fleksibel og brugervenlig e-handelsplatform, der integreres sømløst med WordPress. Nogle af de primære fordele inkluderer:
    
    Brugervenlighed: Let at installere og opsætte, selv for brugere uden tekniske færdigheder.
    <ul>
     	<li>Tilpasning: Et stort udvalg af temaer og plugins giver mulighed for at tilpasse webshoppen til dit brand og design.</li>
     	<li>Produktstyring: Nem håndtering af produkter, kategorier, lagerbeholdning og priser.</li>
     	<li>Sikkerhed: Regelmæssige opdateringer sikrer en pålidelig og sikker webshop oplevelse.</li>
     	<li>Stor fællesskabsstøtte: En aktiv brugerbase og et stort udvikler fællesskab tilbyder support og ressourcer.</li>
    </ul>
    </div>
    <div class="no-column-break">
    <h6>Hvordan adskiller WooCommerce sig fra andre e-handelsplatforme?</h6>
    WooCommerce skiller sig ud på flere måder:
    <ul>
     	<li>WordPress-integration: Det er en integreret løsning til WordPress, hvilket gør det nemt at tilføje e-handelsfunktionalitet til en eksisterende WordPress-hjemmeside.</li>
     	<li>Skalerbarhed: Det er velegnet til både små og store webshops, da det tilbyder en bred vifte af udvidelser og tilpasningsmuligheder.</li>
     	<li>Åben kildekode: Det er baseret på åben kildekode, hvilket betyder, at det er gratis at bruge og muligt at tilpasse efter behov.</li>
     	<li>Fleksibilitet: Det er let at tilføje og administrere produkter, integrere betalingsmetoder og udvide funktionaliteten via plugins.</li>
    </ul>
    </div>
    <div class="no-column-break">
    <h6>Hvordan hjælper WooCommerce med at gøre styringen af en webshop nemmere?</h6>
    WooCommerce er designet med brugervenlighed i tankerne:
    <ul>
     	<li>Intuitivt kontrolpanel: Et brugervenligt kontrolpanel giver let adgang til produkter, ordre, lager og andre indstillinger.</li>
     	<li>Responsivt design: Webshoppen vises pænt på både computere og mobile enheder, hvilket er afgørende for en god brugeroplevelse.</li>
     	<li>Indbygget betalingsintegration: Muligheden for at integrere populære betalingsgateways gør det nemt at håndtere transaktioner.</li>
    </ul>
    </div>
    <div class="no-column-break">
    <h6>Hvilke udvidelser er tilgængelige for WooCommerce?</h6>
    WooCommerce har et bredt udvalg af udvidelser og plugins:
    <ul>
     	<li>Betalingsgateways: Tilføj forskellige betalingsmuligheder, såsom QuickPay, Bambora, PayPal, Stripe og mange flere!
    Forsendelsesmetoder: Integrer med forskellige forsendelsesudbydere for at tilbyde forskellige leveringsmuligheder til dine kunder.</li>
     	<li>Produktanmeldelser: Lad kunderne give anmeldelser, hvilket øger troværdigheden og tilliden til dine produkter.
    Salgsovervågning: Få indblik i salgsstatistikker og kundeaktivitet for at optimere din webshop.</li>
     	<li>Hos ICONIQ bygger vi også moduler Gutenberg som er kompatible med WooCommerce, samt integrerer de fleste systemer du arbejder med.</li>
     	<li>Hvorfor er WordPress et ideelt valg til at drive en webshop gennem WooCommerce?</li>
    </ul>
    </div>
    <div class="no-column-break">
    <h6>WordPress er en af de mest populære CMS-platforme med mange fordele:</h6>
    <ul>
     	<li>Brugervenlighed: Nem at bruge og administrere indhold, selv for dem uden tekniske færdigheder.</li>
     	<li>Stor fællesskabsstøtte: En stor og aktiv brugerbase giver let adgang til support og ressourcer.</li>
     	<li>SEO-venlighed: WordPress er godt optimeret til søgemaskiner, hvilket hjælper med at forbedre webshoppenes synlighed online.</li>
     	<li>Skalerbarhed: Det er velegnet til både små og store webshops, da det tilbyder en bred vifte af udvidelser og tilpasningsmuligheder.</li>
    </ul>
    </div>
    <div class="no-column-break">
    <h6>Gutenberg’s fordele for WooCommerce webshop:</h6>
    Gutenberg gør det lettere for webshop-ejere, at skabe en imponerende og kraftfuld webshop oplevelse uden at skulle ty til kompleks kodning. Med Gutenberg’s blokredigeringsfunktion kan du tage din WooCommerce webshop til næste niveau med visuel kontrol og kreativ frihed over dit indhold.
    
    Du får bl.a. følgende funktioner:
    <ul>
     	<li>Visuel redigering: Se ændringer i realtid.</li>
     	<li>Mere kontrol over layout: Nem organisation af indhold.</li>
     	<li>Nem integration af indhold: Integrer WooCommerce produkter på flere måder med Gutenberg.</li>
     	<li>Fremtidssikret: Fokus på kontinuerlige forbedringer og fokus på performance, uden du skal gøre noget.</li>
     	<li>Mindre kodeafhængighed: Reducer behovet for kompleks kodning.</li>
     	<li>Forbedret brugeroplevelse: Enkel og intuitiv brugergrænseflade.</li>
     	<li>Hastigheden i top: Gutenberg sikre den bedste performance og dermed en bedre brugeroplevelse.</li>
    </ul>
    ICONIQ bygger integrationen mellem Gutenberg og WooCommerce og skræddersyr setuppet, så det passer til dit brand og udtryk.
    
    </div>

    see: https://enfold.webers-webdesign.de/benjamin/

    #1414360

    But:. a color-section has that fold/unfold option too !
    so you can put your column layout and what ever you like to one color-section and do the same thing to it ;)
    and use 1/2 columns as usual

    #1414366

    This worked perfectly:

    .no-column-break {
    break-inside: avoid-column;
    }

    Thanks!

    As mentioned, when i try using fold/unfold option in color section, it does not work. The text disapears and the Read more button sending me to the top of the page. Otherwise, I would have used that!

    But thanks for your demonstration, i was exactly what I needed :-)

    #1414370

    you are welcome

    #1414419

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

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