JoomlArt Forums 32,862 posts

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#135184

Hi,

This is my JA Mesolite Online Jewelry Store with Rose Theme. Pls leave me some comments. I welcome all of them.

http://daimingjewelry.com

Thanks! 🙂
Kent

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#278553

Really like the front page although the ‘We deliver’ is lost in the image.

I’m not so hot on the product list pages. I’d prefer the product images on the left as that is what people are are going to look at first and gives a more pleasant browsing experience. Can you have the ‘Featured Products’ module on each category? That display is much more appealing the your visitors.

You need a size guide.

You need a Security policy. Also I’d have the Verified by PayPal logo link to your paypal account so that people can see that you really are verified (https://www.paypal.com/ie/verified/pal=YOUR_PAYPAL_EMAIL_HERE). I’d also pay the $100 or whatever it is to have an SSL cert on your checkout pages. Even if you do not process credit cards on site it gives customers a huge reassurance that there is proper security on the site.

The colors are great. The red you have chosen really fits in with the logo font and the jewellery.

Overall it is a very professional looking site. Well done! I hope business is good 🙂

1 user says Thank You to scotty for this useful post

1. sfpkent

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#278568

Site looks pretty neat and tidy, 😉

Agree with the wording on the header….a lot of space there on the left so you need not have the text running into the image.

1 user says Thank You to mfcphil for this useful post

1. sfpkent

[jwellman Friend jwellmanJoin date: April 2008Posts: 543Downloads:0Uploads:6 Thanks: 115 Thanked: 59 times in 21 posts]

#278579

That’s number three! The first thing I noticed was the writing on the logo was difficult to read. Other than that, I really like the red (and I hate red websites 😀 …which is merely a personal preference and my distaste for the color red) but it really looks nice on your site. I love the logo. The whole site is sharp, clean and easy to use. And Christmas is coming up. Hmmm… 😉

Edited to add: One other thing! Replace the .ico graphic and get rid of the Joomla graphic that shows on browser tabs!

1 user says Thank You to jwellman for this useful post

1. sfpkent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#278583

Hi scotty,

Yes, agree with you. I will change it with the “We Deliver”.

And, as you said:” I’d prefer the product images on the left as that is what people are are going to look at first and gives a more pleasant browsing experience.” But how to make it to the right? Is the anyway I can change in Virtuemart or I have to change it in coding?

And, what do you mean you need a size guide, please advice. 🙂

Yes, agree with you too. Because I install in addon domain, I already bought a SSL but can’t install in addon domain, only in main domain. Anyway, I will move in to another hosting.

Hi mfcphil,

Thanks for your comment. 🙂

Hi jwellman,

I will change the writing on the logo. Thank you very much!

Yes, agree with you. I will change it. Already done with the logo, forget to change. :p

FINALLY, hope can get more comment and have chance to learn from you guys.

Kent

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#278588

sfpkent;90009 But how to make it to the right? Is the anyway I can change in Virtuemart or I have to change it in coding?

Backup your files first!!!

Try this suggestion and see what you think…

Open components/com_virtuemart/themes/ja-mesolite/theme.css and find on line 114…


/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
width: 100%;
padding: 15px 0;
position: relative;
background: url(images/dot-h.gif) repeat-x top;
margin-top: 15px;
}

.browseProductTitle {
font-weight: bold;
padding: 0;
margin: 0 0 10px;
width: 70%;
}

.browseProductImageContainer {
float: right;
}

.browseProductDetailsContainer {
float: left;
width: 70%;
}

.browseProductDescription {
margin-top: 60px;
width: 70%;
}

.browsePriceContainer {
font-size: 125%;
float: left;
line-height: 40px;
padding: 0 20px;
background: #E6E6E6;
border: 1px solid #E6E6E6;
}

.browseRatingContainer {
white-space: nowrap;
float: left;
height: 40px;
padding: 0 20px;
border: 1px solid #E6E6E6;
}

.browseAddToCartContainer {
margin-top: 15px;
width: 100%;
display: block;
}

.browseAddToCartContainer .addtocart_button {
margin: 0 0 0 5px;
}

.browseRatingContainer img {
vertical-align: baseline;
}
and change too…..

/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
width: 100%;
padding: 15px 0;
position: relative;
background: url(images/dot-h.gif) repeat-x top;
margin-top: 15px;
}

.browseProductTitle {
font-weight: bold;
padding: 0;
margin: 0 0 10px;
width: 70%;
}

.browseProductImageContainer {
border:1px solid #DDDDDD;
float: left;
padding: 2px;
}

.browseProductDetailsContainer {
float: left;
width: 70%;
}

.browseProductDescription {
margin-left: 140px;
width: 70%;
}

.browsePriceContainer {
color: #B01C1C
font-size: 125%;
float: right;
line-height: 40px;
padding: 0 20px;
background: #E6E6E6;
border: 1px solid #AAAAAA;
}

.browseRatingContainer {
white-space: nowrap;
float: right;
height: 40px;
padding: 0 20px;
border: 1px solid #AAAAAA;
}

.browseAddToCartContainer {
margin-top: 15px;
margin-left: 140px;
display: block;
}

.browseAddToCartContainer .addtocart_button {
margin: 0 0 0 5px;
}

.browseRatingContainer img {
vertical-align: baseline;
}
I think this looks better but it really is down to personal choice.

And, what do you mean you need a size guide, please advice.

Something like this… http://www.overstockjeweler.com/ringsize-i-5.html

I would also consider turning off the Rating system.

Don’t forget to back up first!!!

2 users say Thank You to scotty for this useful post

1. sfpkent
2. nefar

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#278603

Hi scotty,

Yup, agree with you. Your suggestion is look much more better. I am going out now and will give it a try. If it works, then it can help a lot of people who using virtuemart as well. 🙂

Thanks!
Kent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#278618

Hi scotty,

I have tried, for Mozilla Firefox, it shows pefectly but for IE 7, the products short description and price is a bit lower.

Here is the link:
http://daimingjewelry.com/index.php?page=shop.browse&category_id=21&option=com_virtuemart&Itemid=79

Which CSS code I should go for to change the margin?

Thanks!
Kent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#278619

Hi scotty,

Sorry, not the price, should be:

1) Product short description
2) Product detail link
3) Quatity and add to cart button

they shows a bit lower in IE 7, but all right in Mozilla firefox.

Thanks!
Kent

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#278620

Sorry, I never tested in IE….

Change line 141 from….

.browseProductDescription {
margin-left:140px;
width:70%;
}

to…..

.browseProductDescription {
margin-left:140px;
padding:0 5px;
}


2 users say Thank You to scotty for this useful post

1. sfpkent
2. nefar

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#278622

How about moving the text in that header 😉

3351

---

Attachments:

1. 

1 user says Thank You to mfcphil for this useful post

1. sfpkent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#278660

Hi scotty,

Thank you very much! It works great. 🙂

Kent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#278661

Hi mfcphil,

Thank you for your suggestion but the background for the banner is dark, it can’t make the Red Color more stands out.

Anyway, thanks!
Kent

[sfpkent Friend sfpkentJoin date: October 2008Posts: 829Downloads:0Uploads:100 Thanks: 310 Thanked: 75 times in 1 posts]

#280365

Hi,

I have updated a lot of information for my websites, especially tips on Christmas shopping. Give some comments. 🙂

[jimmer Friend jimmerJoin date: December 2006Posts: 260Downloads:0Uploads:3 Thanks: 43 Thanked: 11 times in 1 posts]

#280556

<em>@mfcphil 89992 wrote:</em><blockquote>Site looks pretty neat and tidy, 😉

Agree with the wording on the header….a lot of space there on the left so you need not have the text running into the image.</blockquote>

Besides that I think it looks very good.:)

1 user says Thank You to jimmer for this useful post

1. sfpkent

[Author]

Posts