Print Page - Change order elements of product layout view

Title: Change order elements of product layout view
Post by: Langagemachine on October 14, 2019, 15:46:10 PM

I would like to find an alternative when configuring the bootstrap in the VM config.
The loading cursor who seeks and turns indefinitely.
When i look product view with my phone, the text is beside the image and I'd like the text and other elements to be below the image
I thought to override product layout view.
It's possible to change order of elements ?
And how can i do ?

I have the last joomla and virtuemart version

Regards.

Title: Re: Change order elements of product layout view
Post by: jenkinhill on October 14, 2019, 16:07:58 PM

Quote
I have the last joomla and virtuemart version

So you have Joomla 3.0.12 and VirtueMart 3.6.3.10163 or 3.6.2.10159?

It looks like you are using the VMBeez template. Changing the Layout Bootstrap version in VM config will have no real effect as only the BS4 CSS is partly written. Use None (Legacy)

To change the order of the elements you will need to edit template files and create overrides. Start with components/com_virtuemart/views/category/tmpl/default.php

Title: Re: Change order elements of product layout view
Post by: Langagemachine on October 14, 2019, 16:27:00 PM

Hi, no it s a template i made with template ck creator.

Ok for the /category/tmpl/default.php is correct for change product detail page ?
Can you inform waht part of code i change it ?
Regards

Title: Re: Change order elements of product layout view
Post by: Langagemachine on October 14, 2019, 16:36:24 PM

I look this
<div class="vm-product-container">
<div class="main-image">
<div class="vm-product-details-container">

Title: Re: Change order elements of product layout view
Post by: jenkinhill on October 14, 2019, 18:34:00 PM

Ah, sorry, I was working on a category view layout for a client and did not reprogram the brain into productview mode.

A simple way to move the price block using default VM templates is by CSS override;
.vm-product-details-container { float: none; }

Title: Re: Change order elements of product layout view
Post by: Langagemachine on October 14, 2019, 18:49:32 PM

Ohh sorry
Virtuemart
3.6.2 10036 :)
I try this
Where is the files css please ? components\com_virtuemart\ ?????

Title: Re: Change order elements of product layout view
Post by: jenkinhill on October 15, 2019, 17:33:39 PM

I always use a custom.css containing all my override styles for the Joomla template and any loaded extension elements that need styling. I code the template header so this file is loaded after all other CSS files.

I gave you that code snippet, but if you want it only to be used on a small (phone) screen then you would have to make it conditional on the display size.

Title: Re: Change order elements of product layout view
Post by: Langagemachine on October 19, 2019, 17:31:35 PM

Thanks Super Hero for your reply.
Im' not a speshitpillt to override css.
I can override template of virtuemart. Think you it's possible.
I just know what is the template for product detail.

Mande

Title: Re: Change order elements of product layout view
Post by: Langagemachine on October 21, 2019, 22:06:31 PM

Hi i have the solution from S42 to VM Forum fr
Here the issue:
Add to SITEJOOMLA/templates/TEMPLATE_NAME/css/custom.css

the media query :
@media (max-width: 768px) {
.vm-product-container .vm-product-media-container {
float: none;
width: auto;
}
}

;)

VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Langagemachine on October 14, 2019, 15:46:10 PM