magento2 – Remove .html from category in product URL?

For some reason, I am getting .html in my product URL, like so: https://example.com/mycategory.html/myproduct.html. I want to remove .html from mycategory when I am on a product page.

Is there a setting for this? I know I can remove .html from the category completely, but this is not what I want, I want it to be there in category pages. Strange thing is, for some products it works, no .html in the category path.

Magento 2.3.3

Thanks

Javascript – Como adicionar coisas no html e salvar informações do html

Se o título do tópico ficou confuso peço desculpas, porque não sei como eu faria a minha pergunta de forma resumida e correta, mas é o seguinte…

Estou na reta final de um curso de informatica (acaba dia 13 desse mês) e a última tarefa do curso é criar um app para celular usando html, css e javascript e por fim fazer o porte para celular usando o Phonegap

O problema é que o curso não ensina JS (ensina apenas html e css) e eu estou com muita dificuldade em aprender JS, além da data de entrega estar muito próxima, a ideia do meu app é criar listas

inserir a descrição da imagem aqui

Conforme esta na imagem, preciso fazer uma função para que quando eu clique no botão “Adicionar Item” na página seja adicionado outra caixa (um retangulo com input e textarea dentro dele) igual as duas que estão abaixo do input para adicionar titulo a lista

Sou muito leigo com JS, assisti várias vídeo aulas para tentar aprender, mas ainda não consegui entender nem a sintaxe básica direito

O que eu gostaria de saber é: o que eu deveria focar em aprender especificamente de JS, para fazer o botão “Adicionar Item” funcionar da forma que eu descrevi, e como eu faria para que as caixas criadas e as informações digitadas pelo cliente nos inputs e textarea salvem

Desde já peço desculpas pela minha leguisse no assunto

Meu HTML (somente o da pagina da imagem)

body {}

div {
  text-align: center;
  align-items: center;
}

.botao {
  background: #00FFFF;
  cursor: pointer;
  color: black;
  border: 0;
  text-decoration: none;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 0.5em;
  width: 300;
  font-size: 50;
  box-shadow: 2px 2px 0 1px #131;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  outline: 0;
  padding: 50px 0px 0px 0px;
}

.botao:active {
  box-shadow: 0 0 0 0 #131, inset 3px 3px 3px #131;
  transform: translate (3px, 3px);
}

.botaor {
  background: #836FFF;
  cursor: pointer;
  color: white;
  border: 0;
  text-decoration: none;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 0.5em;
  width: 300;
  font-size: 50;
  box-shadow: 2px 2px 0 1px #131;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  outline: 0;
}

.botaor:active {
  box-shadow: 0 0 0 0 #131, inset 3px 3px 3px #131;
  transform: translate (3px, 3px);
}

.listas {
  font-size: 50;
  text-align: center
}

.loading {
  font-size: 50;
  text-align: center
}

.logo {
  width: 856;
  height: 502;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.titulo {
  width: 300;
  height: 45;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 28;
}

#retangulo {
  width: 300;
  height: 200;
  border: 3px solid;
  border-color: black;
  background: white;
  margin-left: auto;
  margin-right: auto;
}

.item {
  width: 280;
  height: 45;
  margin-top: 5;
  font-size: 25;
}

.descricao {
  width: 290;
  height: 140;
  margin-top: 9;
  font-size: 20;
}

.adicionaritem {
  margin-left: 400;
  background: #00BFFF;
  cursor: pointer;
  color: white;
  border: 0;
  text-decoration: none;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 0.5em;
  box-shadow: 2px 2px 0 1px #131;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  outline: 0;
  padding: 10px 0px 0px 0px;
  font-size: 15;
  width: 100;
}

.adicionaritem:active {
  box-shadow: 0 0 0 0 #131, inset 3px 3px 3px #131;
  transform: translate (3px, 3px);
}

.voltar {
  margin-left: 400;
  background: #00BFFF;
  cursor: pointer;
  color: black;
  border: 0;
  text-decoration: none;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  border-radius: 0.5em;
  box-shadow: 2px 2px 0 1px #131;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  outline: 0;
  padding: 0px 0px 0px 0px;
  font-size: 15;
  width: 100;
}

.voltar:active {
  box-shadow: 0 0 0 0 #131, inset 3px 3px 3px #131;
  transform: translate (3px, 3px);
}
<html>

<head>
  <title> Criar Lista </title>
  <link rel="stylesheet" type="text/css" href="personalizacao.css" />
  <script type="text/javascript" src="https://pt.stackoverflow.com/javascript.js">
  </script>
</head>

<body>
  <a href="2-Tela Inicial.html"> <button class="voltar"> ⬅ Voltar para o início  </button></p>
  </a>

  <input type="text" class="titulo" placeholder="Digite o Título da lista" maxlength=18>


  <button class="adicionaritem"> Adicionar item <p/>    </button> </a>


  <p> </p>




  <dl>

    <dt>
                        
                        <div id="retangulo"> 
                        
                        
                        
                        <input type="text" class="item" placeholder="Novo item" maxlength=19> 
                        
                        <textarea class="descricao"  cols="5"  rows="5" maxlength=130  >
                        
                        </textarea>
                        
                        
                        
                        
                        </dt>

    <p> </p>

    <dt>
                        
                        <div id="retangulo"> 
                        
                        
                        
                        <input type="text" class="item" placeholder="Novo item" maxlength=19> 
                        
                        <textarea class="descricao"  cols="5"  rows="5" maxlength=130  >
                        
                        </textarea>
                        
                        
                        
                        
                        </dt>

  </dl>


  </div>





</body>


</html>

website design – Why people use AdobeXD if it cannot generate (reasonably well structured) HTML and CSS?

What does it do

Adobe XD is a wireframing and prototyping tool to visualize ideas. It makes it easy to quickly visualize an idea for an interface and build a simple clickdummy to test the interaction with other people.

Ways to export for development

Yes, it is true that a full export is very bloated and not very human readable. But this is also true for a lot of GUI builders out there (e.g. Stackoverflow question about Netbeans GUI Builder for Java). You still need a human to code a layout that is minimalistic and human readable.

I found that the following things help me a lot:

  1. Export as svg and then copy it into your HTML.
  2. Share prototype and then use the development view to inspect css styles

Adobe XD is similar to other wireframing programs such as Figma or Sketch. I am also in no way affiliated with Adobe.

I will Convert PSD to HTML Fully Responsive Design for $15

I will Convert PSD to HTML Fully Responsive Design

I will Create professional Responsive website  in HTML5 CSS3 and Bootstrap .
Note: Do contact before placing and order 


My Service:


Business Website 

Portfolio Website 

Marketing Website

Much More

Why Responsive?

Responsive Design will help you to run Your Website all devices like Laptop | Mobiles | Tablets 

I have Expertise on

HTML5

CSS3

Bootstrap 

JavaScript 

PHP

WordPress 

WooCommerce 

LMS 

Business Websites

Try me For your Website

.

html – Busca em todos campos da tabela usando apenas JavaScript – JS

O script que vou postar logo abaixo copiei da resposta dessa pergunta:
Lista estática com busca usando JavaScript em vez de PHP, que foi feita aqui na comunidade.

    window.onload=function(){
    var filtro = document.getElementById('filtro-nome');
    var tabela = document.getElementById('lista');
    filtro.onkeyup = function() {
        var nomeFiltro = filtro.value;
        for (var i = 1; i < tabela.rows.length; i++) {
            var conteudoCelula = tabela.rows(i).cells(0).innerText;
            var corresponde = conteudoCelula.toLowerCase().indexOf(nomeFiltro) >= 0;
            tabela.rows(i).style.display = corresponde ? '' : 'none';
        }
    }
}

Direto ao assunto! Preciso que busque todos os nomes de livros da tabela (66 livros), atendendo os critérios postei apenas parte do código logo abaixo, porem só está buscando o primeiro nome, acho que é porque o script busca a linha (rows), e eu não sei como fazer para buscar nos outros campos, se eu digito Juízes ou Rute por exemplo… não busca! Pode ver aqui se quiser.

        <table id="lista" class="degrade-tbl">
            <thead>
                <tr>
                    <th><div>Pesquisa</div><div><input id="filtro-nome"/></div>
        </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><a href="">Gênesis</a></td>
                    <td><a href="">Êxodo</a></td>
                    <td><a href="">Levítico</a></td>
                    <td><a href="">Números</a></td>
                </tr>
                <tr>
                    <td><a href="">Deuteronômio</a></td>
                    <td><a href="">Josué</a></td>
                    <td><a href="">Juízes</a></td>
                    <td><a href="">Rute</a></td>
                </tr>
        </tbody>
    </table> 

Encontrei esse script em Jquery, mas no GitHub só permite HTML, CSS, Java Script. Alguém poderia me ajudar por gentileza?

Desde já agradeço – Obrigado!

Meu projeto está no GitHub como: bibliasagrada, estou testando o script nesse Fork, caso queiram dar uma olhada!

html – Galeria de imagem responsiva css

Olá,

Gostaria de criar uma galeria de imagem responsiva como este na imagem abaixo.

Quando diminui a resolução a imagem se mantém no mesmo estilo e alinhamento.

Alguém poderia me ajudar?

Imagem responsiva

html – Pedir datos por teclado JavaScript en la misma pagina

Buenas estoy comenzando con Javascript y queria saber como pedir datos por teclado sin utilizar la funcion “prompt” ya que te abre una venta emergente por asi decirlo, quiero programarlo dentro de la pagina web y que sea todo dentro del “body”, espero que comprendan la situación.
Realice un pequeño ejercicio para tener una idea pero no quiero utilizar el “prompt”

<html>

<h1>APLICACION</h1>

<p>BIENVENIDOS A LA APLICACION</p>


<script>

var x,y;
 x = prompt("Ingrese numero uno: ");
 y = prompt("Ingrese numero dos: ");

if (x==y) {
    document.write("Mensaje que aparece si son iguales");
}

</script>


</html>

c# – Create a string formatting algorithm to generate html for linking users in group chat @usermention WhatsApp

I need to create an algorithm to format a user input string in C# from an Editor control in Xamarin Forms, currently using SFRichTextEditor as it supports HTML syntax.

The functionality has to work identically like WhatsApp group chat @usermention. I have the ability to select a user and get the users full name. So the steps for the algorithm look a little like this:

  1. After each user input on the keyboard tap, take the user input string, detect when a user has typed an @ character with exclusively whitespace preceding or another @ char.
  2. Insert a <span> or something similar to highlight the text in blue e.g. <span style="color:blue;">@John Doe</span> This mus be repeatedly updated inside the span while the user types.
  3. When the user selects a filtered user to @mention from the list, find the relative <span> and replace with <a href="userId">@John Doe</a> So it becomes a tappable hyperlink.
  4. Allow these rules for multiple mentions in the same input string message.

I’m not really sure of the best approach for this algorithm, if anyone has some good ideas on how to approach this, or html string formatting libraries that might help then please help.

É possível fazer um programa em python com interface grafica desenvolvida com html e css e utilizar json como “banco de dados”?

Sou um iniciante na programação e estou construindo um programa de estoque em Python, mas quero que o programa rode localmente e sua interface gráfica use HTML e CSS e os dados do estoque sejam guardados em um json, também local. Alguém sabe o que devo usar para realizar tal tarefa?
A lógica já está pronta, porém a interação com a parte gráfica(HTML e CSS) não sei como fazer.