cambiar orden visualizacion objeto

  • Resuelto robux

    (@robux)


    hace 2 años, 2 meses

    Hola.

    Es posible cambiar el orden de un objeto?, en este caso quisiera que el precio estuviera abajo del menu desplegable.

    Imagen ejemplo

    agradezco la ayuda.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Alvaro Torres

    (@algato333)

    hace 2 años, 2 meses

    Hola @robux,

    Puedes añadir el siguiente código CSS:

    .wps_wgm_elementor>div:last-child {
    order: 3;
}
.wps_wgm_elementor>p:nth-child(4) {
    order: 1;
}
.wps_wgm_elementor>p:nth-child(3) {
    order: 2;
}
.wps_wgm_elementor {
    display: flex;
    flex-direction: column;
}

    Si quieres que solo afecte a esa página puedes añadir .post-5171 a la izquierda de cada selector.

    Para añadir código CSS podemos hacerlo desde el archivo style.css de nuestro tema o desde Apariencia/Personalizar/CSS adicional

    Espero haberte ayudado, saludos

    Iniciador del debate robux

    (@robux)

    hace 2 años, 2 meses

    Muchas gracias, ¡Genio!

    Iniciador del debate robux

    (@robux)

    hace 2 años, 2 meses

    Hola, Alvaro, genio.

    Disculpa la molestia nuevamente, Si quisiera poner el Menú desplegable en la parte superior, osea al comienzo y el precio sí al final, creo que se vería aún mejor.

    agradezco tú ayuda.

    Alvaro Torres

    (@algato333)

    hace 2 años, 2 meses

    Hola @robux,

    Si te refieres a poner el desplegable al comienzo de todo el formulario, y el precio al final, no se podría hacer mediante CSS. Esto es debido a que el desplegable, el precio y el botón están en un bloque de HTML independiente:

    <div class="wps_wgm_elementor">
<input type="hidden" id="wps_wgm_single_nonce_field" name="wps_wgm_single_nonce_field" value="daeaed5d8c">
<input type="hidden" name="_wp_http_referer" value="/tienda/tarjeta-de-regalo-roblox-digital/">
<p class="wps_wgm_section">
  <span id="wps_wgm_text" class="wps_variable_currency"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>&nbsp;37.900</bdi></span></span>
</p>
<p class="wps_wgm_section">
<select name="wps_wgm_price" class="wps_wgm_price" id="wps_wgm_price" min="1">
<option value="37900">Tarjeta de Regalo Roblox - $10 USD</option>
...
</select>
</p>
<div class="e-atc-qty-button-holder">
  <div class="quantity hidden">
    <input type="hidden" id="quantity_633757fec9633" class="qty" name="quantity" value="1">
  </div>
<button type="submit" name="add-to-cart" value="5171" class="single_add_to_cart_button button alt">Hacer mi pedido</button>
</div>
</div>

    Saludos

    • Esta respuesta fue modificada hace 2 años, 2 meses por Alvaro Torres.
    • Esta respuesta fue modificada hace 2 años, 2 meses por Alvaro Torres.
    • Esta respuesta fue modificada hace 2 años, 2 meses por Alvaro Torres.
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘cambiar orden visualizacion objeto’ está cerrado a nuevas respuestas.

Etiquetas