- agosto 1, 2024Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Shop
Text linkText linkText linkText linkText link
Shop
Text linkText linkText linkText linkText link
Shop Item 2
PhoneTabletText linkPCText link
Shop Item 3
Text linkText linkText link
Shop Item 4
Text linkText linkText link
Shop Item 5
Text linkText linkText link
Shop Item 6
Text linkText linkText linkText link
Shop Item 7
Text linkText linkText link
Shop Item 8
Text linkText linkText link
Bolsa
Ver mi bolsa
[woocommerce_cart]
Tu perfil
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi Cuenta — Coinsmart</title>
<style>
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation li {
display: flex;
align-items: center;
padding: 8px 0;
font-size: 16px;
font-weight: 500;
color: #222;
}
.woocommerce-MyAccount-navigation li a {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
transition: color 0.2s ease-in-out;
}
.woocommerce-MyAccount-navigation li a:hover {
color: #444 !important;
}
.woocommerce-MyAccount-navigation-link--orders a::before {
content: "";
display: inline-block;
background: url("https://coinsmart.mx/wp-content/uploads/2025/06/shippingbox.svg") no-repeat center;
background-size: 16px 16px;
width: 16px;
height: 16px;
margin-right: 10px;
}
.woocommerce-MyAccount-navigation-link--saves a::before {
content: "";
display: inline-block;
background: url("https://coinsmart.mx/wp-content/uploads/2025/06/bookmark.svg") no-repeat center;
background-size: 16px 16px;
width: 16px;
height: 16px;
margin-right: 10px;
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
content: "";
display: inline-block;
background: url("https://coinsmart.mx/wp-content/uploads/2025/06/gear.svg") no-repeat center;
background-size: 16px 16px;
width: 16px;
height: 16px;
margin-right: 10px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
content: "";
display: inline-block;
background: url("https://coinsmart.mx/wp-content/uploads/2025/06/person.crop_.circle.svg") no-repeat center;
background-size: 16px 16px;
width: 16px;
height: 16px;
margin-right: 10px;
}
/* Oculta el texto de bienvenida debajo del menú */
.woocommerce-MyAccount-content > p:first-of-type {
display: none !important;
}
</style>
</head>
<body>
<nav class="woocommerce-MyAccount-navigation">
<ul>
<li class="woocommerce-MyAccount-navigation-link--orders">
<a href="/mi-cuenta/orders">Ordenes</a>
</li>
<li class="woocommerce-MyAccount-navigation-link--saves">
<a href="/mi-cuenta/saves">Tus Guardados</a>
</li>
<li class="woocommerce-MyAccount-navigation-link--edit-account">
<a href="/mi-cuenta/edit-account">Cuenta</a>
</li>
<li class="woocommerce-MyAccount-navigation-link--customer-logout">
<a href="/mi-cuenta/customer-logout">Iniciar Sesión</a>
</li>
</ul>
</nav>
<div class="woocommerce-MyAccount-content">
<!-- Aquí iría el contenido correspondiente a cada sección -->
</div>
</body>
</html>
