Jump to content

UBICAR IMAGEN EN FICHA DE PRODUCTO


ourentec

Recommended Posts

Hola tod@s,

 

me gustaria haceros una consulta, presonalizando el tema de la tienda , más en concreto la ficha de producto, me gustaría ubicar la imagen correctamente arriba y a la derecha, estando ahora mismo de la siguiente manera:

 

vest.PNG

 

el product.css es el siguiente:

 

 

 

* pb-left-column ****************************************************************************** */

 

 

#pb-left-column {

float: left;

margin-left:14px;

width:300px

}

#pb-left-column h1 {

padding-bottom:5px;

font-size:18px;

text-transform: uppercase;

}

#pb-left-column #short_description_block {color:#666}

#pb-left-column #short_description_block .buttons_bottom_block {display:none}

 

/* color_picker */

#pb-left-column #color_picker p {

padding-bottom:0px;

float:left

 

}

#pb-right-column {

float:left;

width:266px;

top : 100px;

}

.attribute_list #color_to_pick_list a.color_pick{

display:block;

height:15px;

width:15px;

}

#quantity_wanted_p input {

width:50px;

border:1px solid #cdcdcd;

}

 

.product_attributes {

padding:10px 0 0 0;

border-top:1px solid #ccc

}

 

/* attributes */

#attributes select {

width:150px;

border:1px solid #cdcdcd;

 

}

 

 

/

/* add_to_cart */

.content_prices #add_to_cart {

position:relative;

float:left;

padding:0;

text-align:left

}

.content_prices #add_to_cart .exclusive,

.content_prices #add_to_cart .exclusive_disabled{padding:4px 7px 4px 15px}

*:first-child+html .content_prices #add_to_cart .exclusive{padding:4px 3px 4px 11px}

.content_prices #add_to_cart span {

z-index:10;

display:block;

position:absolute;

top:0;

left:-12px;

height:26px;

width:26px

 

}

 

/* */

 

Gracias de antemano,

 

un saludo.

Link to comment
Share on other sites

Hola tod@s,

 

me gustaria haceros una consulta, presonalizando el tema de la tienda , más en concreto la ficha de producto, me gustaría ubicar la imagen correctamente arriba y a la derecha, estando ahora mismo de la siguiente manera:

 

vest.PNG

 

el product.css es el siguiente:

 

 

 

* pb-left-column ****************************************************************************** */

 

 

#pb-left-column {

float: left;

margin-left:14px;

width:300px

}

#pb-left-column h1 {

padding-bottom:5px;

font-size:18px;

text-transform: uppercase;

}

#pb-left-column #short_description_block {color:#666}

#pb-left-column #short_description_block .buttons_bottom_block {display:none}

 

/* color_picker */

#pb-left-column #color_picker p {

padding-bottom:0px;

float:left

 

}

#pb-right-column {

float:left;

width:266px;

top : 100px;

}

.attribute_list #color_to_pick_list a.color_pick{

display:block;

height:15px;

width:15px;

}

#quantity_wanted_p input {

width:50px;

border:1px solid #cdcdcd;

}

 

.product_attributes {

padding:10px 0 0 0;

border-top:1px solid #ccc

}

 

/* attributes */

#attributes select {

width:150px;

border:1px solid #cdcdcd;

 

}

 

 

/

/* add_to_cart */

.content_prices #add_to_cart {

position:relative;

float:left;

padding:0;

text-align:left

}

.content_prices #add_to_cart .exclusive,

.content_prices #add_to_cart .exclusive_disabled{padding:4px 7px 4px 15px}

*:first-child+html .content_prices #add_to_cart .exclusive{padding:4px 3px 4px 11px}

.content_prices #add_to_cart span {

z-index:10;

display:block;

position:absolute;

top:0;

left:-12px;

height:26px;

width:26px

 

}

 

/* */

 

Gracias de antemano,

 

un saludo.

 

porque no sacas la tienda de mantenimiento asi podemos verla y hacer la modificacion mas rapido

 

un saludo.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...