How to modify product page display

  • Posts: 18
  • Thank you received: 0
5 years 4 months ago #301334

-- 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.

  • Posts: 81513
  • Thank you received: 13068
  • MODERATOR
5 years 4 months ago #301336

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.

  • Posts: 18
  • Thank you received: 0
5 years 3 months ago #301985

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.

  • Posts: 81513
  • Thank you received: 13068
  • MODERATOR
5 years 3 months ago #301986

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:

.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.

  • Posts: 18
  • Thank you received: 0
5 years 3 months ago #302081

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.

  • Posts: 4509
  • Thank you received: 611
  • MODERATOR
5 years 3 months ago #302082

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: 5 years 3 months ago by Philip.

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

Time to create page: 0.065 seconds
Powered by Kunena Forum