Jump to content

Error al mover la descripción del artículo en Prestashop 1.6


Recommended Posts

¡Hola!

Necesito ayuda urgente!

He intentado mover la descripción de los artículos de mi sitio web, ya que en su comienzo me aparecía a la derecha de las imagenes,

y se había movido abajo.

Pues modificando el css, la he solapado con el botón "MÁS", 

y los productos de la misma categoría que aparecen más abajo también..

Alguien sabe como puedo arreglar esto y movérlos?

Gracias!!

https://missikuk.com

 

Captura.JPG

Edited by nadie
Moderación del foro edita el título del tema para ser más descriptivo (see edit history)
Link to comment
Share on other sites

hace 13 horas, estela6688 dijo:

¡Hola!

Necesito ayuda urgente!

He intentado mover la descripción de los artículos de mi sitio web, ya que en su comienzo me aparecía a la derecha de las imagenes,

y se había movido abajo.

Pues modificando el css, la he solapado con el botón "MÁS", 

y los productos de la misma categoría que aparecen más abajo también..

Alguien sabe como puedo arreglar esto y movérlos?

Gracias!!

https://missikuk.com

 

 

Indicas que se ha movido solo, que antes estaba a la derecha y ahora no, has cambiado algo en la configuración o el diseño de la plantilla para que pase eso?

Si quieres mover bloques de sitio se debe cambiar el fichero product.tpl , por css no queda bien o pasa lo que te ha pasado

 

 

Link to comment
Share on other sites

En 9/6/2018 a las 9:59 AM, gusman126 dijo:

 

Indicas que se ha movido solo, que antes estaba a la derecha y ahora no, has cambiado algo en la configuración o el diseño de la plantilla para que pase eso?

Si quieres mover bloques de sitio se debe cambiar el fichero product.tpl , por css no queda bien o pasa lo que te ha pasado

 

 

Muchas gracias por tu respuesta!

Y me lo imaginé cuando vi que quedaba así, pero he intentado recuperar la última copia de seguridad de antes de hacer el cambio y no vuelve a estar como antes...

Sabrías de qué manera tendría que volver a modificarlo para que no se suplantaran y apareciera bien???

Gracias!!!!!

Link to comment
Share on other sites

52 minutes ago, estela6688 said:

Muchas gracias por tu respuesta!

Y me lo imaginé cuando vi que quedaba así, pero he intentado recuperar la última copia de seguridad de antes de hacer el cambio y no vuelve a estar como antes...

Sabrías de qué manera tendría que volver a modificarlo para que no se suplantaran y apareciera bien???

Gracias!!!!!

Veo que usas la plantilla por defecto de PS 1.6

¿Te has bajado una versión limpia de Prestashop, ha restaurado no solo el fichero "/themes/default-bootstrap/css/product.css", sino el fichero "global.css" también por si acaso hubieras realizado modificaciones de css en el mismo?

No he entrado a tu web, pero segun entiendo dices que solo has tocado los CSS y no el product.tpl ¿no?

Si hubieras tocado el product.tpl restauralo tambien y limpia la cache de presta

Link to comment
Share on other sites

hace 4 horas, estela6688 dijo:

Muchas gracias por tu respuesta!

Y me lo imaginé cuando vi que quedaba así, pero he intentado recuperar la última copia de seguridad de antes de hacer el cambio y no vuelve a estar como antes...

Sabrías de qué manera tendría que volver a modificarlo para que no se suplantaran y apareciera bien???

Gracias!!!!!

 

Recuerda hacer lo que te dice arriba Sergio, ademas recuerda borrar cache y si tienes un modulo adicional de cache tambien borrar.

 

Link to comment
Share on other sites

hace 11 horas, Sergio Ruiz dijo:

Veo que usas la plantilla por defecto de PS 1.6

¿Te has bajado una versión limpia de Prestashop, ha restaurado no solo el fichero "/themes/default-bootstrap/css/product.css", sino el fichero "global.css" también por si acaso hubieras realizado modificaciones de css en el mismo?

No he entrado a tu web, pero segun entiendo dices que solo has tocado los CSS y no el product.tpl ¿no?

Si hubieras tocado el product.tpl restauralo tambien y limpia la cache de presta

 

Solucionado!!

He restaurado tanto product.tpl como global.css y limpiado caché.

Muchísimas gracias!

Ahora, al volver a la configuración inicial me he dado cuenta que al modificar el tamaño del logo en global.css

col-sm-4, header .row #header_logo {
    width: 33.3333%; }

para que ocupe más espacio, también me afecta a la ficha de todos los productos ya que me desordena imagen, descripción y columna de precio.

Hay alguna manera de que el logo se vea más grande (principalmente para que quede centrado, y no se vea en el centro el carrito de compra),

y que no afecte a la ficha de cada producto?

 

Muchas gracias!

Un saludo!

Link to comment
Share on other sites

hace 31 minutos, estela6688 dijo:

 

Solucionado!!

He restaurado tanto product.tpl como global.css y limpiado caché.

Muchísimas gracias!

Ahora, al volver a la configuración inicial me he dado cuenta que al modificar el tamaño del logo en global.css

col-sm-4, header .row #header_logo {
    width: 33.3333%; }

para que ocupe más espacio, también me afecta a la ficha de todos los productos ya que me desordena imagen, descripción y columna de precio.

Hay alguna manera de que el logo se vea más grande (principalmente para que quede centrado, y no se vea en el centro el carrito de compra),

y que no afecte a la ficha de cada producto?

 

Muchas gracias!

Un saludo!

 

Depende modificar la línea que estas intentando modificar:

.col-sm-4, header .row #header_logo {
    width: 33%;
}

Añade este código CSS debajo (lógicamente sin borrar lo existente) cambiando solo el width del espacio del logo

header .row #header_logo  {
    width: nueva_medida%;
}

Adjunto captura

joa.png.f2ee145644272bc5479cde66a738161f.png

De este modo, solo modificas el espacio "físico" asignado al logo sin editar el ancho del grid .cols-sm-4 a toda la tienda.

Edited by nadie (see edit history)
Link to comment
Share on other sites

En 12/6/2018 a las 10:45 PM, nadie dijo:

 

Depende modificar la línea que estas intentando modificar:


.col-sm-4, header .row #header_logo {
    width: 33%;
}

Añade este código CSS debajo (lógicamente sin borrar lo existente) cambiando solo el width del espacio del logo


header .row #header_logo  {
    width: nueva_medida%;
}

Adjunto captura

joa.png.f2ee145644272bc5479cde66a738161f.png

De este modo, solo modificas el espacio "físico" asignado al logo sin editar el ancho del grid .cols-sm-4 a toda la tienda.

 

Perfecto!!!! Ahora sí! todo solucionado y bien puesto!

Hice exactamente lo que me indicabais y quedo perfecto! Muchas gracias!

Tengo otra consulta, que no sé si debería escribir aquí o en otro hilo nuevo;

la consulta es que como se pueden mover los campos de personalización en la ficha del artículo para que aparezcan justo debajo de las imagenes.

Por defecto, aparece abajo de todo, bajo "artículos de la misma categoría" y "los clientes que adquirieron este producto también compraron",

con lo que no es lógico, y la mayoría de veces el cliente no lo ve.

¿Alguien podría ayudarme?

Muchas gracias como siempre! Un saludo!!

Link to comment
Share on other sites

hace 56 minutos, estela6688 dijo:

 

Perfecto!!!! Ahora sí! todo solucionado y bien puesto!

Hice exactamente lo que me indicabais y quedo perfecto! Muchas gracias!

Tengo otra consulta, que no sé si debería escribir aquí o en otro hilo nuevo;

la consulta es que como se pueden mover los campos de personalización en la ficha del artículo para que aparezcan justo debajo de las imagenes.

Por defecto, aparece abajo de todo, bajo "artículos de la misma categoría" y "los clientes que adquirieron este producto también compraron",

con lo que no es lógico, y la mayoría de veces el cliente no lo ve.

¿Alguien podría ayudarme?

Muchas gracias como siempre! Un saludo!!

Para nuevas dudas, debes crear un tema nuevo en el foro. (solo 1 duda por tema)

Te doy una pista, pero abre un tema nuevo en el foro.

Como usas PS 1.6 yo te lo digo en base a la plantilla por defecto de PS 1.6

Fichero => /themes/TuPlantilla/product.tpl

El código viene a ser algo así:

{if isset($product) && $product->customizable}
			<!--Customization -->
			<section class="page-product-box">
				<h3 class="page-product-heading">{l s='Product customization'}</h3>
				<!-- Customizable products -->
				<form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
					<p class="infoCustomizable">
						{l s='After saving your customized product, remember to add it to your cart.'}
						{if $product->uploadable_files}
						<br />
						{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
					</p>
					{if $product->uploadable_files|intval}
						<div class="customizableProductsFile">
							<h5 class="product-heading-h5">{l s='Pictures'}</h5>
							<ul id="uploadable_files" class="clearfix">
								{counter start=0 assign='customizationField'}
								{foreach from=$customizationFields item='field' name='customizationFields'}
									{if $field.type == 0}
										<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
											{if isset($pictures.$key)}
												<div class="customizationUploadBrowse">
													<img src="{$pic_dir}{$pictures.$key}_small" alt="" />
														<a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >
															<img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" />
														</a>
												</div>
											{/if}
											<div class="customizationUploadBrowse form-group">
												<label class="customizationUploadBrowseDescription">
													{if !empty($field.name)}
														{$field.name}
													{else}
														{l s='Please select an image file from your computer'}
													{/if}
													{if $field.required}<sup>*</sup>{/if}
												</label>
												<input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="form-control customization_block_input {if isset($pictures.$key)}filled{/if}" />
											</div>
										</li>
										{counter}
									{/if}
								{/foreach}
							</ul>
						</div>
					{/if}
					{if $product->text_fields|intval}
						<div class="customizableProductsText">
							<h5 class="product-heading-h5">{l s='Text'}</h5>
							<ul id="text_fields">
							{counter start=0 assign='customizationField'}
							{foreach from=$customizationFields item='field' name='customizationFields'}
								{if $field.type == 1}
									<li class="customizationUploadLine{if $field.required} required{/if}">
										<label for ="textField{$customizationField}">
											{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
											{if !empty($field.name)}
												{$field.name}
											{/if}
											{if $field.required}<sup>*</sup>{/if}
										</label>
										<textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}
											{if isset($textFields.$key)}
												{$textFields.$key|stripslashes}
											{/if}
										{/strip}</textarea>
									</li>
									{counter}
								{/if}
							{/foreach}
							</ul>
						</div>
					{/if}
					<p id="customizedDatas">
						<input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
						<input type="hidden" name="submitCustomizedDatas" value="1" />
						<button class="button btn btn-default button button-small" name="saveCustomization">
							<span>{l s='Save'}</span>
						</button>
						<span id="ajax-loader" class="unvisible">
							<img src="{$img_ps_dir}loader.gif" alt="loader" />
						</span>
					</p>
				</form>
				<p class="clear required"><sup>*</sup> {l s='required fields'}</p>
			</section>
			<!--end Customization -->
			{/if}

Y es cuestión de que muevas el código a la parte exacta donde quieres dejarlo en la ficha.

Otra opción más sencilla es usar este módulo gratuito => https://victor-rodenas.com/2012/07/14/ubicacion-campos-fichaproducto-prestashop/ y así te evitas modificar código.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...