View Issue Details
| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 0007483 | module Visual CMS | module Visual CMS - sub | public | 2023-06-13 18:29 | 2023-09-14 13:32 |
| Reporter | Steven | Assigned To | |||
| Priority | high | Severity | block | Reproducibility | always |
| Status | resolved | Resolution | fixed | ||
| Product Version | 4.0.1 | ||||
| Target Version | 4.0.2 | Fixed in Version | 4.0.2 | ||
| Summary | 0007483: Responsiveness does not work correctly in Apex theme | ||||
| Description | The responsiveness and corresponding Responsive Settings do not work as before (pre 4.0). There are several issues with the behavior of the elements. - There are two smartphone views now. - The width for smartphone has no effect at all. - The width of the small smartphone view is always 12 columns. - The width of the larger smartphone view is always 6 columns. - The offset on smartphones affects also offset from tablet. - The width of big screen also affects small screen. - Hide seems to work as expected. Maybe the theme was updated, but the Visual CMS not adapted to the grid system of Bootstrap 5. | ||||
| Steps To Reproduce | - Set up OXID eShop 7 with Apex theme and active Visual CMS. - Place four widgets on the workspace. Two per row (2x2). See Aditional Information for copyable code. - Edit first widget. - Go to Design Settings. - Set width of smartphone to 1. - Now check the view. - Smartphone view will display the widget with a width of 12 (full width). - Edit first widget again. - Reset the Design Settings. - Add offset of 4. - Now check the view. - The offset is present in all screen sizes. You can try more layouts with the information provided in the description. There are several issues. | ||||
| Additional Information | Code for a 2x2 grid and display of active screen size. {%veparse%}[row][col size="6" offset="0" class="col-xs-12"][background color="#db7d7d"][text background_color="#db7d7d" background_image="" background_fixed="" fullwidth="" class=""] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Accumsan lacus vel facilisis volutpat est. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Tellus cras adipiscing enim eu turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Accumsan lacus vel facilisis volutpat est. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Tellus cras adipiscing enim eu turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Accumsan lacus vel facilisis volutpat est. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Tellus cras adipiscing enim eu turpis egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Accumsan lacus vel facilisis volutpat est. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Tellus cras adipiscing enim eu turpis egestas. | ||||
| Tags | No tags attached. | ||||
