the sequence of my additional content shows in mobil wrong

-- HikaShop version -- : 4.7.2
-- Joomla version -- : 3.10
-- PHP version -- : 7.8
-- Browser(s) name and version -- : chrome
-- Error-message(debug-mod must be tuned on) -- : no error message

Hi,
I add some custom content into listing_img_title.php, include 2 custom fields and on btuuon
The result is correct in desktop and pad
but in mobile, the sequence is wrong, and the button missing,
when I inspect by chrome 'inspect', the html code is in shown sequence but not the sequence in listing_img_title.php

Attached please find the screenshot from desktop and mobile,
the mobile sequence is wrong


Could you tell me what may cause this ? and how I can correct this problem.
Thanks in advance.

Scott

Hi,

You can actually reproduce the issue on a desktop as well with the inspector tool:
- if you display the listing page, it will display fine with the yellow button
- then you open the inspector tool and activate the responsive testing tool
- the page will display without refreshing and it will be fine: i.imgur.com/7KdaOHo.png
- now, if you refresh the page, you'll get the other display you don't want: i.imgur.com/vCfqKOO.png

This means that on the server side, something changes the display based on the user agent sent by the browser.

So I suppose that you've created two view overrides for product / listing_img_title :
- one for one template which is configured to display for desktop browsers based on their user agent
- one for another template which is configured to display for mobile browsers based on their user agent
The solution will be to look for the overrides of product / listing_img_title for the different templates you have in Display>Views and make sure they have the same modifications.