display FREE SHIPPING on product page?

  • Posts: 76
  • Thank you received: 0
12 years 5 months ago #53727

Hi,

How to display FREE SHIPPING on the product page? I want it to be a LOGO, if not possible then at least text. Also it would be a great feature to show delivery estimate as the screen shot too. How can I achieve that?






I offer all items FREE SHIPPING and have set the shipping method already. But on the product page it only displays the weight. I want to remove the weight.See screen shot.

Attachments:

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

  • Posts: 82821
  • Thank you received: 13368
  • MODERATOR
12 years 5 months ago #53806

For the weight, it is hidden by default, unless you removed the CSS code to display it:
.hikashop_product_weight_main{
display:none;
}

For the your additional text, you can add it in the "show_default" file of the view "product" via the menu Display->Views.

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

  • Posts: 76
  • Thank you received: 0
12 years 5 months ago #53831

Q1. I checked the front end CSS file, the code is there, but the weight still displays on the front end.
see the screen shot below.



Q2: I've added text of "FREE SHIPPING" successfully to that "show_fault" php file, how can I add a image like
instead right under the price? Can you show me the coding? I've upload this image on to Joomla media already (/mnt/data/vhosts/demetracabinetry.com/httpdocs/images/cart2.jpg), Thank you!

Attachments:

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

  • Posts: 82821
  • Thank you received: 13368
  • MODERATOR
12 years 5 months ago #53838

Q1. Then please give a link to that page so that we can look at that.

2. It's basic HTML...

<img src=" mywebsite.com/images/cart2.jpg"/ >

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

  • Posts: 76
  • Thank you received: 0
12 years 5 months ago #54023

Q1.Here is the link to the product page, you can see the weight under the price, still there:
demetracabinetry.com/shop-online/product...n-15q18q21qwide.html

Q2:I added the html to the show_default.php file,but didn't work. Not sure if I did it correctly, i attched the screen shot here.

Attachments:

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

  • Posts: 82821
  • Thank you received: 13368
  • MODERATOR
12 years 5 months ago #54093

Hi,

1. That's because your img tag is not valid (see point2). It breaks the HTML of the weight display and the CSS doesn't work anymore.

2. You're missing the http : // at the beginning of the link of your image. You're also missing the " and the / at the end of the tag.

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

  • Posts: 76
  • Thank you received: 0
12 years 5 months ago #54152

1. I don't get it. I didn't see "point 2" that you meant in last reply.

2. I got it work now, thanks so much for the help. I am bugging too much huh! :P

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

  • Posts: 82821
  • Thank you received: 13368
  • MODERATOR
12 years 5 months ago #54229

Point 2 was the sentence with a 2. at the beginning...
Now that you fixed your HTML code, you can use the CSS I talked about previously:
.hikashop_product_weight_main{
display:none;
}

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

  • Posts: 76
  • Thank you received: 0
12 years 5 months ago #54450

Nope, still not working, see the screen shot, I've had that sentence in the front end CSS file, but it still appears in the product listing(here is my link demetracabinetry.com/shop-online/product...n-15q18q21qwide.html .


Attachments:

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

  • Posts: 76
  • Thank you received: 0
12 years 5 months ago #54451

Nope, still not working, see the screen shot, I've had that sentence in the front end CSS file, but it still appears in the product listing(here is my link demetracabinetry.com/shop-online/product...n-15q18q21qwide.html .

Attachments:

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

  • Posts: 82821
  • Thank you received: 13368
  • MODERATOR
12 years 5 months ago #54485

Your CSS is not valid.
You have two } before the code you added. That's not possible.
You should have only one.

It should be like that:
div#hikashop_product_left_part img.hikashop_child_image{
margin : 2px;
height:25px;

}
.hikashop_product_weight_main{
display:none;
}

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

  • Posts: 76
  • Thank you received: 0
12 years 5 months ago #54550

Yes, works! Thank you! Got to learn more about CSS code...

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

Time to create page: 0.103 seconds
Powered by Kunena Forum