2 price display issues

  • Posts: 117
  • Thank you received: 6
3 years 6 months ago #324720

-- url of the page with the problem -- : kivohondenvoer.nl/vers-vlees/product/86-kivo-rund-1000-gram
-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.22
-- PHP version -- : 7.4
-- Browser(s) name and version -- : all

Good evening

I am struggling with two issues in the price display

A.
the strings;
PER_UNIT_AT_LEAST_X_BOUGHT=" per stuk bij aankoop van minimaal %s"
are not displayed.
I cannot find a reason for this

B.
Can anyone help me with some extra css to display these lines in a smaller font size?

C. [solved]
What is the name of the layout of the product page?
I want to change the width of both the left and right column from 5col/7col to 6col/6col




Thanks in advance

Dick

Attachments:
Last edit: 3 years 5 months ago by Formidog.

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

  • Posts: 4508
  • Thank you received: 611
  • MODERATOR
3 years 6 months ago #324733

Hello,

"A. the strings; PER_UNIT_AT_LEAST_X_BOUGHT=" per stuk bij aankoop van minimaal %s" are not displayed.
I cannot find a reason for this
"
This will be displayed, when you define a price for a specific quantity, I mean :
1 item for 10 Euro
2 item for 8 Euro => Will display " 8 Euro per unit for buying at least 2 items"

"B. Can anyone help me with some extra css to display these lines in a smaller font size?"
We can guide you to create your own custom css and to add it, follow me step by step :
- See with this documentation to see how to process to add your css
- For analyze html & css code, point your element and right-click => Inspector tool (or inspect, etc...), from this get your html element class
- Built your own custom css, like this psuedo-code example :

.required_html_element_class {
   font-family : 1.2em;
}

"C. [solved] What is the name of the layout of the product page?
I want to change the width of both the left and right column from 5col/7col to 6col/6col.
"
Just a tips, get easily your view reference, use this option :


Regards

Last edit: 3 years 6 months ago by Philip.

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

  • Posts: 117
  • Thank you received: 6
3 years 6 months ago #324786

@ philip

Thank you for your time Philip

Issue C is solved. I found the html

For issue B
Thanks, I found the classes and added this to custom css
.hikashop_product_price hikashop_product_price_1, .hikashop_product_price hikashop_product_price_2, .hikashop_product_price hikashop_product_price_3, .hikashop_product_price hikashop_product_price_4 {
font-size : 20px;
}
without the desired result
:-(
I stink when it comes to understanding css

For issue A:
As you can see, in the screenprint, there ARE prices for more items.
nevertheless the text string is not displayed, hence my amazement, as in the other hikashop sites I have, these lines are there:

Attachments:
Last edit: 3 years 6 months ago by Formidog.

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

  • Posts: 4508
  • Thank you received: 611
  • MODERATOR
3 years 6 months ago #324815

Hello,

"For issue B" :
Css isn't that complex, from what I can see their good chance that if that don't work it's only because your command haven't enough priority, see my example :
1. .html_element_class {command: value;}
2. .html_page_class .html_element_class {command: value;}
3. .html_page_class .container_html_class .html_element_class {command: value;}
4. .html_page_class .container_html_class .html_element_class {command: value; !important}


Here, the most priorty command is the last, so reproduce this kind of idea to increase your custom Css command priority.

Another, things good to be sure to be sure to go over the Css command, when you use your inspector tool is to check the most high css command :



Here, the most highest priority command is the red bordered one (the most high), so you have to built your selector with at least same selector part AND one additional html class.

"For issue A:"
There something that have been customized, OR that modify your html (sometimes the template modify the html) check these different elements :
1. Your translate file ( documentation )
2. Your overrideview ( documentation )
3. Process a test with a default template (like ProtoStar)
Make a precise return on these different points, please this will allow us to get the root issue.

Hope this will help to progress on your subject.
Regards

Last edit: 3 years 6 months ago by Philip.
The following user(s) said Thank You: Formidog

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

  • Posts: 117
  • Thank you received: 6
3 years 5 months ago #325002

THANKS Philip

issue solved

Attachments:

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

Time to create page: 0.082 seconds
Powered by Kunena Forum