Skip to main content

How to modify product page display

More
7 years 10 months ago #301334 by olifa07
-- url of the page with the problem -- : www.fast-aluminium.fr/index.php/carrosse...category_pathway-115
-- HikaShop version -- : 4.0.1
-- Joomla version -- : 3.9.1
-- PHP version -- : 7.1.24
-- Browser(s) name and version -- : Firefox last version

Hello,

I wanna modify my product page :
www.fast-aluminium.fr/index.php/carrosse...category_pathway-115

I'd like to move the pic to the left and have more space on right for the description.
The dimensions of the pic are correct... I only want to diminue the margins (on left and right of the pic);

Thx for your help;

Olivier

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

More
7 years 10 months ago #301336 by nicolas
Hi,

You want to edit the file "show_default" via the menu Display>Views. There, you can change the span6 to span4 for example:
monosnap.com/file/jN6EyIPAto6BbNQl0MtQL6TDvxgAOa

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

More
7 years 10 months ago #301985 by olifa07
Perfect !

Thx for your help !

I have only two remaining problems in my product page.

I have a vertical grey line at the bottom of my page
U can see this line on : www.fast-aluminium.fr/index.php/carrosse.../category_pathway-69

(under the picture on left)

and I wanna change the size and the color of the tittle "Profilé d'encadrement de 20mm 118011" into "Profilé d'encadrement de 20mm 118011 "
I didn't find how to do that using CSS.

Thx for your help
Regards
Oliver

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

More
7 years 10 months ago #301986 by nicolas
Hi,

If you look at that area with the grey line with your browser's inspector tool, you can see that it comes from some CSS in the red style file of HikaShop: monosnap.com/file/YzEWes6280oFRxUSNl12NzTla8pUdw
So you can remove it from that CSS via the CSS area of the HikaShop configuration.

Regarding the title, if you check the code, you can see the classes that you can use in your CSS:
monosnap.com/file/fi2zY0c9pIWNnjFgdN40Pk8DmCrJGB
So for example, such CSS:
Code:
.hikashop_product_name_main, .hikashop_product_code_main { font-size: 2em !important; }.hikashop_product_code_main { color: red !important; }
It's just basic CSS. Please understand that our support is to help you with the use of HikaShop, not to customize it for you. I was nice to give you the solution here but we can't help you for every bit of CSS you'll need. So I would recommend to get used to your browser inspector and CSS. It can be learned rapidely and will help you a lot customize your website, not only HikaShop. So it's a great investment for the future of your website.

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

More
7 years 9 months ago #302081 by olifa07
Ok thx for your help... I have understood how to do that now
Thx a lot... I've only problems to find css files in my ftp server.
regards

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

More
7 years 9 months ago - 7 years 9 months ago #302082 by Philip
Hello,

You don't have to pass via your Ftp, see this documentation to see how to add and custom your frontend css file.

Regards
Last edit: 7 years 9 months ago by Philip.

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

Time to create page: 0.106 seconds
Powered by Kunena Forum