Related products layout

Daniel Blasco
Topic Author
Offline
Fresh Boarder

12 years 8 months ago #1970 by Daniel Blasco

Related products layout was created by Daniel Blasco

My shop finally works. But I have a little problem with related products. Shown below each other and I have not fix it with CSS to appear next to each other.

www.elmundodelafiesta.es/tienda/disfrace...lturas/indio-detalle

Attachments:

Please Log in or Create an account to join the conversation.

Trung Duong
Offline
Administrator

Notice: Undefined variable: end_tag_params in /ssd/home/omega_web/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Notice: Undefined variable: end_tag_params in /ssd/home/omega_web/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321

Notice: Undefined variable: end_tag_params in /ssd/home/omega_web/public_html/libraries/kunena/External/Nbbc/src/BBCode.php on line 2321
12 years 8 months ago #1975 by Trung Duong

Replied by Trung Duong on topic Re: Related products layout

Hello,

You should implement css as below:

Code:

.product-related-products, .product-related-categories{
border-top: solid #CCC 1px;
padding-bottom: 10px;
width: 100%;
float: left;
}

add more css class

Code:

.product-field product-field-type-R {

float:left

}

css file: www.elmundodelafiesta.es/components/com_...s/css/vmsite-ltr.css

Support email: services(at)omegatheme(dot)com

[img]...[/img]

[img]...[/img]

[img]...[/img]

Please Log in or Create an account to join the conversation.

Linh Robert
Offline
Banned

12 years 8 months ago - 12 years 8 months ago #1978 by Linh Robert

Replied by Linh Robert on topic Re: Related products layout

Other solution you can try:
Edit layout.css and about line 690 find this code:

Code:

.productdetails-view div.current dd {
    padding: 0 20px;
}

and change it to:

Code:

.productdetails-view div.current dd {
    clear: both;
    float: none;
    overflow: hidden;
    padding: 0 20px;
}

Edit /templates/ot_ante/css/customs.css and add this code:

Code:

.product-field-type-R {
    float: left;
    width: 33%; /* depended on number of products per row you set */
}

Hope this help.

Thanks

If you need to send us FTP access / host access, administrator access or any private information:
services(at)omegatheme(dot)com or drop a ticket www.omegatheme.com/member/

Last edit: 12 years 8 months ago by Linh Robert.

Please Log in or Create an account to join the conversation.

Daniel Blasco
Topic Author
Offline
Fresh Boarder

12 years 8 months ago #1981 by Daniel Blasco

Replied by Daniel Blasco on topic Re: Related products layout

Thanks! Works fine!

Please Log in or Create an account to join the conversation.

Time to create page: 0.206 seconds

Related products layout

About Growth

Information

Contact Info

Mobile Menu