Avisos
Vaciar todo

Como monto mi tienda en mi web para adquirir los productos que ofrezco  

Página 3 / 3
 
Francisco Jose
 Francisco Jose
Usuario experto

Buenas tardes, deseo crear mi tienda en la web, tengo ya una carta de productos y servicios, se puede acceder desde el menú principal en la pestaña "carta de servicios", una vez dentro ofrezco distintas suscripciones y deseo que al pinchar sobre una me lleve a una pagina donde aparezca detalle del producto y la opción de añadir al carrito , adquirir y pagar.
Que debo hacer, ? como la creo ?
Mi web es www. sectorbolsa.net utilizo una plantilla comercial de www. yootheme.com que se denomina Katana.

Adjunto recortes de la pestaña donde ofrezco los productos que necesito vender.
Espero su respuesta, gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 23/01/2016 6:29 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Tu problema es un problema de estructura html, lamentablemente tendrías que conocer algo de html para poder hacer lo que quieres.

Anteriormente te envie una estructura que podría servirte, la he cambiado para que muestre una imagen y el botón pero usando el plugin, tendrías que poner el código correcto del plugin

 {codigo-del-plugin-1}
 {codigo-del-plugin-2}
 

Ahora bien, en donde pones este código?, desde tu wordpress, en tu editor, tienes una vista de diseño y una vista de código, debes usar la vista de código y pegar este código

Aún con este código no se verá correctamente, pero ya tienes la estructura , por ejemplo como te darás cuenta tienes una etiqueta div contenedora que tiene una clase fila, luego para cada elemento tienes otro contenedor dir una clase alinearizquierda y el otro alinearderecha, tendrías que primero poner este código, luego que se pueda ver esta estructura en tu sitio web se implementaría el CSS para : fila, alinearderecha y alinearizquierda

Saludos.

Esta publicación ha sido modificada el hace 4 años por antonio
ResponderCitar
Respondido : 28/01/2016 5:17 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Francisco Jose
 Francisco Jose
Usuario experto

ok, ya tengo el código integrado en el editor del articulo en mi joomla, efectivamente no aparece como deseo, entonces ahora procedes implantar el CSS para dar diseño a la estructura ¿ es correcto?

Si es así.
¿Que código css debo incluir? , ¿como y donde , por favor?
después de verlo ya puedo yo irlo repitiendo para todos los botones.
adjunto
imagen de mi editor de codigo
imagen de mi editor de diseño
imagen de como queda ahora en la web
imagen de como deseo que quede

http://www.sectorbolsa.net/index.php?option=com_content&view=article&id=181&Itemid=706

ResponderCitar
Respondido : 28/01/2016 6:20 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ok, bien

Para agregar el código CSS, ubica este archivo :

/templates/yoo_katana/css/custom.css

Al final agrega este código CSS:

.fila{
	clear : both;	
}

.alinearizquierda{
	width:50%;
	float:left;
}

.alinearderecha{
	width:50%;
	float :right;
}

Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :

PD. te falta cambiar el código {codigo-del-plugin-1} y {codigo-del-plugin-2} por el codigo de tu plugin, esto al cargar se creará las etiquetas del form del paypal

Saludos.

ResponderCitar
Respondido : 28/01/2016 6:57 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Francisco Jose
 Francisco Jose
Usuario experto

Todo correcto, ahora entendido, realizado y funcionando.

adjunto imagen para que vea el resultado

SOLO UNA COSA MAS para cerrar el hilo.

¿Cómo puede ver en la imagen el botón de pago queda algo descentrado?
¿Qué tendría que poner para desviarlo a la derecha un poco? Me refiero a los dos botones de comprar ahora situados en el lado izquierdo de la pagina e inferiores, como podrá ver necesitan ir a la derecha esos dos botones para estar en línea con el recuadro que tienen justo encima.

ResponderCitar
Respondido : 28/01/2016 9:46 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Bien, ya veo la estructura mas o menos correctamente 🙂

En realidad mi idea era que el contenedor de fila se repita por cada 2 imagenes, pero como lo has puesto también es válido, sin embargo lo que si te recomendaría sacar del contenedor fila es el último texto : "Dirija su duda ..."

Igual con lo que tienes o si sacas el texto te funcionará el siguiente código CSS, reemplaza el código anterior por este código, el cual esta optimizado y adecuado para ser responsive en moviles

.fila {
     clear: both;
}

.fila img{
	margin-bottom:10px;
}

.alinearizquierda, .alinearderecha {
	text-align:center;
    width: 50%;
}

.alinearizquierda{
	float: left;
}

.alinearderecha {
    float: right;
}

@media (max-width:980px)
{
	.alinearizquierda, .alinearderecha{
		float:none;
		width:100%;
	}
}

Tendrías que reemplazar el código que has puesto en : /templates/yoo_katana/css/custom.css

Saludos.

ResponderCitar
Respondido : 28/01/2016 9:58 pm

Cursos Gratuitos WordPress

Francisco Jose
 Francisco Jose
Usuario experto

Correcto , así lo haré. Si tengo alguna duda ya les contactaré en otro hilo, este lo doy por cerrado y solucionado favorablemente,
MUCHAS GRACIAS

ResponderCitar
Respondido : 28/01/2016 10:10 pm
Página 3 / 3