Shopify Code ändern?

Hallo,

ich habe eine kurze Frage zum Code. Shopify bietet ja 2.0 Themen an, welches ich auch aktiv habe, un da gibt es unter Produkten die Möglichkeit, Collapsible Tabs zu erstellen. Ich würde ganz gerne die Produktbeschreibung in dieses Collapsible Tab verschieben. Die leichte, mühselige Lösung wäre es, mit Metafields alle Produktbeschreibungen in ein Metafield zu verschieben. Das ist aber ganz ehrlich viel zu aufwendig. Kann man im Code in der product.json Datei unter },

"6b6c01ae-996b-4113-9bad-d4645879a73f": {

"type": "collapsible_tab",

"settings": {

"heading": "Collapsible row",

"icon": "check_mark",

"content": " ",

"page": ""

}

in den Bereich content nicht die Produktbeschreibung reinmachen? Und wenn das geht, was muss ich da reinschreiben?

Bild zum Beitrag

1 Antwort

Julian0502

15.06.2022, 19:26

Alles gut, Problem hat sich erledigt. Für die, die vor demselben Problem stehen folgt jz die Lösung.

ich habe eine collapsible Row mit dem Inhalt „A“ erstellt. Dann habe ich noch ein benutzerdefinierter Liquid erstellt. Dann habe ich es gespeichert und meine Seite geladen. Dann habe ich mir den HTML-Code von der Collapsible Row kopiert und das „A“ durch „<br> {{ product.description }}“ ersetzt. Funktioniert einwandfrei!

Woher ich das weiß:eigene Erfahrung

ecomman

07.03.2023, 10:18

HEy Könntest du mir die lösung
noch mal detailierter zu kommen lassen via PN?
Das wäre MEGA von dir !!!

liebe Grüße Betti

Hey, wie bekommt man den Button und das collapsible nebeneinander ?

Hier der HTML Code:

<div class="fach" id ="${nameDesFachs}"> <button type="button" class="collapsible">${nameDesFachs}</button><div class="content hidden"></div></div>

...zur Frage

Shopify Theme h3 zu h2 in Collection ändern?

Guten Abend an alle,

im einer Shopify Collection ist die Überschrift laut Sourcecode (im Browser geprüft) auf h3 gesetzt. Aufgrund der SEO Optimierung möchte ich dies in ein h2 ändern. Ich habe alle .liquid files abgesucht aber finde diese bestimmte Stelle nicht, nur den classname in der .css Datei. Habt ihr eine Idee Oder wisst wo man dies umstellen kann. Auch in der Index.json Datei ist nichts zu finden nur „small“, „Medium“ und „large“ als heading_size. Konnte auch durch manueller Anpassung „h2“ eintragen und den default Wert ändern. Dies würde sich sowieso nur auf die Anpassung über den Builder auswirken.

Vielleicht hat jemand von euch Erfahrung damit.

Vielen Dank schonmal.

...zur Frage

Kann jemand bitte meinen Code hier erweitern, damit der Text (vertikal) mittig zum Icon ist?

Ich möchte für meinen Shop den Text "Kostenloser Versand" (vertikal) mittig setzen zum Icon, weil das schöner aussieht, nicht so wie es jetzt ist!

Es geht um Zeile 607-612

Ein klitze kleines bisschen mehr Abstand zwischen Zeile "Kostenloser versand" und Mengenauswahl wäre auch TOP.

Danke sehr! :)

...zur Frage

Bootstrap lässt sich nicht überschreiben?

Hey,
Ich habe das Problem das folgender Code im css:

@media (min-width: 992px) {

.navbar-expand-lg {

-ms-flex-flow: row nowrap;

flex-flow: row nowrap;

-ms-flex-pack: start;

justify-content: flex-start;

}

Schon aus meiner DAtei die das bootstrap css überschreiben soll genommen wird. Wenn ich den Wert 992 aber zu einem anderen Ändere nicht mehr. Würde aber gerne den Wert aus meiner CSS-datei heraus überschreiben. Und damit das Hamburger Menü immer anzeigen und nicht nur für kleine Bildschirme
Danke :)

...zur Frage

API in Java implementieren?

Wie implementiert man eine API in Java?

...zur Frage

React Webseite mit Suchfunktion mit mehreren Seiten?

Hallo,

ich hatte mal früher kleine Anwendungen mit VB.NET für Windows-Systeme entwickelt und möchte jetzt mit React anfangen. Ich würde mich komplett als Anfänger bezeichnen und muss deshalb Fragen stellen.

Als Projekt habe ich mir folgendes vorgestellt:

Es gibt ein Kanal auf YouTube und es werden Fragen von Leuten vorgelesen und sie werden im Video beantwortet.

Ich möchte eine Webseite erstellen mit all diese Fragen und zu jeder Frage ein "Button", wenn man ihn anklickt ist unten oder irgendwo an der Seite ein Video-Player von YouTube und das Video wird abgespielt ab dem Zeitpunkt wo die Frage im Video vorgelesen wird.

Ich habe mir alle Fragen bereits aufgeschrieben und hätte alle Links zu den Fragen im Video.

Da es mehrere Videos gibt, möchte ich eine Suchfunktion integrieren, aber ich weiß nicht, ob ich für jedes Video (Teil1, Teil2,...) eine neue Seite im React erstellen soll und wie ich dann die Suchfunktion so programmiere, dass alle Seiten durchgesucht werden. Ich habe im Internet gesucht und viele benutzen .JSON für Suchfunktion, aber ich denke, dass bei mir mit .JSON nicht funktionieren wird.

Es sind über 80+ YouTube-Videos mit jeweils ca. 15-30 Fragen.

Ich möchte alles selber machen/lernen und möchte auch nicht, dass jemand mir alles vorprogrammiert.. Es wäre mir sehr hilfreich mir die richtige Richtung zu zeigen, kurz und grob erklären, mit welchen Komponenten ich arbeiten soll usw.

Hier ein Beispiel wie es ausschauen soll ungefähr:

Das design ist nicht so wichtig wie die Funktion und Struktur der Programmierung.

Vielen Dank schon mal!

...zur Frage

vom Listen-key die values im dict auslesen?

def add_vocabulary(key_word, value_word, form='infinitiv'):
dater = datetime.datetime.now().strftime("%d-%m-%Y")
    try:
        with (open('wordlist.json', 'r', encoding="utf-8-sig") as f):
            data = json.load(f)
            if dater not in data:
                data[dater] = {}
            if "0" not in data[dater]:
                data[dater]["0"] = {}
            if key_word not in data[dater]["0"]:
                data[dater]["0"] = [key_word]
            # KeyError 'h'
            if form not in data[dater]["0"][map(lambda y: y['Tags'], data[key_word])]:
                data[dater]["0"][key_word][form] = {}
                data[str(dater)]["0"][key_word][form] = value_word
                print("added as " + form + ": " + "english: " + key_word + "   german: " + value_word)

            while value_word != data[dater]["0"][key_word][form]:
                twogerman = data[dater]["0"][key_word][form]
                overwrite = input(f'do you want overwrite "%s" to "%s" (y-n): ' % (twogerman, value_word))
                if "y" == overwrite or "yes" == overwrite:
                    old_german = data[str(dater)]["0"][key_word][form]
                    data[str(dater)]["0"][key_word][form] = value_word
                    print("overwrite: " + "   form: " + form + ",   english: " + key_word + ",   german: " + old_german)
                    print("white: " + "   english: " + key_word + ",   german: " + value_word)
                    break
                elif "n" == overwrite or "no" == overwrite:
                    break

        with open('wordlist.json', 'w', encoding="utf-8-sig") as f:
            json.dump(data, f)

Schlüsselwort = h; value_word=j;

Ich möchte über das Schlüsselwort = ['h']-Werte auf die Werte zugreifen

Ich habe es mit mappen versucht, aber es erscheint der gleiche KeyError „h“.

...zur Frage

Discord JS Bot Button Geht nicht?

Meine index.js

const Discord = require('discord.js');
const { Intents } = Discord;
const client = new Discord.Client({
  intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MEMBERS, Intents.FLAGS.GUILD_MESSAGES]
});

const welcomeBot = require('./Commands/welcome-bot');
const Zaehlung = require('./Commands/Zaehlung');

const channelId = '1132493981956194381';
const targetChannelId = '1132493981771628610';
const verifiedRoleId = '1132493981306077190';

client.on('ready', async () => {
  console.log(`Logged in as ${client.user.tag}`);

  const targetChannel = await client.channels.fetch(targetChannelId);

  const button = new Discord.MessageButton()
    .setStyle('PRIMARY')
    .setLabel('Verifizieren')
    .setCustomId('verify');

  const row = new Discord.MessageActionRow().addComponents(button);

  await targetChannel.send({
    content: 'Klicke auf den Button, um dich zu verifizieren:',
    components: [row]
  });

  console.log('Code reached here.');
});

client.on('message', async (message) => {
  if (message.channel.id === channelId && !message.author.bot) {
    Zaehlung.processMessage(message, channelId);
  }
});

client.on('guildMemberAdd', async (member) => {
  welcomeBot(member);
});

client.once('ready', () => {
  console.log('Bot ist bereit.');
});

client.login('');

Meine AntiBot.js Was in ordner Commands ist

const Discord = require('discord.js');


module.exports = async (client) => {
    console.log('Bot ist bereit.');


    const targetChannelId = '1132493981771628610';
    const verifiedRoleId = '1132493981306077190';


    try {
        const targetChannel = await client.channels.fetch(targetChannelId);


        const button = new Discord.MessageButton()
            .setStyle('PRIMARY')
            .setLabel('Verifizieren')
            .setCustomId('verify');


        const row = new Discord.MessageActionRow().addComponents(button);


        await targetChannel.send({
            content: 'Klicke auf den Button, um dich zu verifizieren:',
            components: [row],
        });
    } catch (error) {
        console.error('Fehler beim Senden des Buttons:', error);
    }
};


client.on('interactionCreate', async (interaction) => {
    if (!interaction.isButton()) return;


    if (interaction.customId === 'verify' && interaction.user) {
        const verifiedRole = interaction.guild.roles.cache.get(verifiedRoleId);
        if (verifiedRole) {
            try {
                await interaction.member.roles.add(verifiedRole);
                await interaction.reply({
                    content: 'Du wurdest erfolgreich verifiziert!',
                    ephemeral: true,
                });
            } catch (error) {
                console.error('Fehler beim Verifizieren des Mitglieds:', error);
            }
        }
    }
});

Button Wird Bei Bot start erstellt aber wenn ich drauf klicke kommt diese fehler meldng Von Discord

Sehe mein Bild und in console gibt leider keine Fehler meldung Ich hoffe ihr könnt mir hilfen

...zur Frage

Wordpress richtig installieren Webseite hosten Hilfe?

Hallo Liebe Community, ich bin zurzeit dabei eine eigene Webseite zu erstellen über das Programm Wordpress, leider kenne ich mich nicht wirklich viel mit dieser Materie aus habe mir viele Tutorials angesehen die aber leider mir nicht wirklich weiterhelfen konnten. Laut meinen Recherchen soll es zwei Versionen des WordPress geben einmal die Lite Version direkt über den Browser und eine die über das Wordpress.org gedownloadet werden müsste über diese ich mehr Möglichkeiten beim individualisieren meiner page haben soll.

ich habe da ich mich nicht wirklich gut auskannte das Jahres Business Paket über die WordPress Tarife gekauft worin eine Domain und ein fertiger Host enthalten sein sollte leider wird mir in den YouTube Tutorials nur die Anleitung gezeigt wie ich durch externe databases Hosts und Domains den Download abschliesse und an der Webseite arbeiten kann.

kann mir jemand erklären wie ich die WordPress.org richtig downloade und ob dies überhaupt nötig ist? Oder reicht der normale browser oder die WP App im Microsoft AppStore.?

ich bedanke mich für eure Mühen und antworten falls ihr Tipps habt welche Videos ich mir einschalen sollte oder wenn ihr Communitys habt die ihr empfehlen könnt wo ich mich mit Gleichgesinnten austauschen kann würde es mich sehr freuen.

LG KOBAL

...zur Frage

Webentwickler Freelancer - wer kümmert sich um DSGVO?

Ist es üblich das ich als Webentwickler mich auch um Datenschutz texte und funktionierenden cookie banner kümmere (nur notwendige akzeptieren, nur marketing cookies, alle akzeptieren) usw. ?

Und je nachdem verändert sich die seite weil googoe fonts oder maps zugestimmt wurde.

Wenn ich davon nichts genau erwähnt habe im veertrag nur von home, contact page und solchen sachen die rede ist.

Wie der Name sagt bin ich Webentwickler nicht jurist.

Ich würd die ins netz stellen für die person oder offline zuschicken aber was danach passiert ist nicht mein Problem sag ich mal.

vorallem wenn ich mit wordpress was mache sind da alle möglichen plugins irgendwelche tracker und der datenschutz problematisch.

wenn ich die von Grund auf selber programmiere mit zb. react hab ich da zumindest vollen überblick.

oder wie würdet ihr da vorgehen ?

engagiert man da einen Anwalt ? Mach ich das und sollte mit 200€ extra rechnen für diese Implementierung oder der Kunde macht das alleine ?

Aber wie kennt der Anwalt sich aus mit react js oder wordpress plugins ? Und dann kann er garantieren/haften das die seite konform ist ?

Bei diesen generatoren ist das ja nicht gegeben und cookie banner muss auch ordnungsgemäß funktionieren, kann nicht sein das er unter der haube garnichts macht.

...zur Frage

CSS: Wie kann ich Karten gleich groß anzeigen?

Guten Tag,

ich habe einen kleinen Design-Bug in meiner Webseite.

(s. Bild)

Wie kann ich dieses Problem lösen?

Mein CSS:

<style>
.item {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 10%;
  border-radius: 5px;
  background: #191c29;
  color: rgb(88 199 250 / 100%);
}
.con {
  background: #adadad;
  overflow: auto;
  overflow-x: hidden;
  background: #212534;
}

.item:hover {
  box-shadow: 0 16px 32px 0 rgba(250,250,250,0.2);
}
img {
  border-radius: 5px 5px 0 0;
  height: 150px;
	width: 100%;
}
.container {
  padding: 2px 16px;
}
body {
  overflow: hidden; 
}


* {box-sizing: border-box;}


body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}




* {
  box-sizing: border-box;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
#flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.item {
  float: left;
 /* width: 25%; */
  width: 15%; /* 10%*/
  height: 50%; /* 50% */
  padding: 20 10px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.row {
  margin: 0 -5px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.col-sm {
  text-align: center;
}
/* @media screen and (max-width: 600px) { */
@media screen and (max-width: 800px) {
  .item {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
.text-center {
  text-align: center;
}
</style>

Der Code von einer Karte:

<div class="row">
<div class="item text-center">
  <div class="col-sm">
    <img src="textures/spawner.png" alt="textures/spawner.png" style="width: auto;">
    <div class="container">
      <h4><b>Spawner (*1)</b></h4>
      <p>Preis: 10 Mio Coins</p><p></p>
    </div>
  </div>
</div>&nbsp;
<div class="item text-center">
  <div class="col-sm">
    <img src="textures/spawner.png" alt="textures/spawner.png" style="width: auto;">
    <div class="container">
      <h4><b>Spawner (*1)</b></h4>
      <p>Preis: 10 Mio Coins</p><p></p>
    </div>
  </div>
</div>&nbsp;
</div>

Danke für jede Hilfe. Ich weiß, dass der CSS-Code nicht der schönste ist, allerdings lerne ich die Sprache noch!

...zur Frage

Python: Wieso bekomme ich mit der requests-Bibliothek nicht die IPs der Proxies?

Hallo!

Ich habe folgenden Code:

import requests, json, random

with open("config/proxies.txt", "r") as generator:
     Proxies = []
     Proxies += [proxy.strip() for proxy in generator.readlines()]

while True:
    Proxy_Payload = {
         "http": 'http://%s' % random.choice(Proxies)
    }
    s = requests.Session()
    s.proxies = Proxy_Payload
    r = s.get("https://api.ipify.org/?format=json", proxies=Proxy_Payload)
    print(r.text)

https://api.ipify.org/?format=json zeigt die IP an, mit der ich die Webseite anfrage.

Aber nun habe ich das Problem, dass ich immer meine eigene IP zurückbekomme und nicht die IP von den Proxies, wie es eigentlich sein sollte.

Die Proxies sind von https://proxyscrape.com/, also kostenlos. Aber ich habe sie mit einem Proxy-Checker geprüft.

Wie kann ich das beheben?

...zur Frage

Javascript & PHP: Wie sortiere ich ein ArrayListe?

Hey Leute, ich hab folgendes Problem...

Ich speichere Scores als Array (username, score) in einem anderen Array, in dem alle Scores mit Namen vorhanden sind.

In meiner Scoreliste möchte ich nun alle Scores sortiert anzeigen. Ich kann die Daten sowohl in PHP, als auch in Javascript sortieren. Kann mir jemanden einen Code geben für eine der beiden Sprachen?

JSON zum Verständnis:

[["max", 1] , ["moritz",2]]

...zur Frage

Node.js http-data außerhalb der Request?

Hallo,

ich habe folgendes Problem:

Ich hab eine HTTP-GET-Request abgeschickt und möchte nun die zurückgelieferte Data außerhalb dieses Aufrufs nutzen können. Ich kriegs aber irgendwie nicht hin. Ich hätt gern außerhalb des http.get eine Variable, in die die Data dann gespeichert wird.

So sieht mein Source-Code aus:

http_get = http.get('exampleapi.com/api', (res) => {
    //console.log('statusCode: ', res.statusCode);
    //console.log('headers:', res.headers);



    let response = '';
    res.on('data', (d) => {
        response += d;
    })
    
    res.on('end', () => {
        console.log(response);
    })
});

Die Anfrage geht an ne Steam-API, welche mir ein JSON-Objekt zurückliefert, falls das hilft :)

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen