تغییرات در جوم شاپینگ

[sad 2]

با عرض سلام خدمت دوستان:

دوستان میخواستم بدونم که چه جوری میتونم قسمت نمایش محصولات سایتم رو قشنگش کنم(این قسمت و این قسمت،حالا چه با افزونه چه با کد نویسی توی کدهاش یه چرخی زدم ولی چون خیلی بلد نیستم باب دلم نشد توی انجمن هم سرچی زدم ولی چیزی دستگیم نشدمثل این پست که خیلی مفید بود ولی بازم ....

دوستان اگه کسی کدی بلده یا ماژولی داره بگه خیلی ممنون میشم/

 

[farhad6169 125]

با سلام

 

- به نظر من اولين اشتباهت اينه كه عكس هاي pngي كه استفاده كردي ، كادرشونو زيادي بزرگ گرفتي و همين باعث ميشه كه نوشته هاي كنار عكس ها فاصله زيادي از عكس ها داشته باشند.

 

 

-  فايل public_html > component > com_Jshopping > css > default.css رو باز كرده از خط 46 تا خط 50 رو پاك كنيد و بجاي آن كدهاي زيررو جايگزين نمائيد .

 

img.jshop_img{
    padding: 1px;
    opacity:0.5;
    text-align: center;
    border: 1px solid #808080;
}

img.jshop_img:hover{
opacity:1;

box-shadow:0px 0px 10px #3298c9;
}

 

اين كدها كمي عكس ها رو كمرنگ مي كنه و بعد از اينكه موس روي عكس ها قرار ميگيره روشن شده و سايه ايجاد ميكنه

 

 

- بعد از اينكه اين كدها رو قرار داديد تعداد خطوط بيشتر شده در نتيجه بعد از قرار دادن اين كدها از خط 398 تا خط 411 كدهاي زير رو پاك كنيد

 

.jshop_list_product .product .buttons{
padding-top:32px;
}
.jshop_list_product .product table.review_mark{
border-collapse: collapse;
margin-top: 20px;
;
margin-right: 5px;
background:none repeat scroll 0 0 #A5BF56;
border-radius: 10px 10px 10px 10px;
width: 260px;

}

 

 

 

و به جاي آنها كدهاي زير را قرار دهيد

 

.jshop_list_product .product .buttons{
    padding-top:40px;
}
.jshop_list_product .product table.review_mark{
    border-collapse: collapse;
    margin:20px 5px 5px -65px;
   /* margin-top: 20px;
    ;
    margin-right: 5px; */
background:none repeat scroll 0 0  #3298c9;
    border-radius: 30px 5px 5px 5px;
    width: 170px;
    box-shadow:0px 0px 5px #3298c9;
    }

 

اين كدها يك كمي نحوه قرار گرفته شدن نوشته ها رو بهتر كرده و باكس سبز زير نوشته ها رو مايل به آبي مي كند تا كمي به سايت شما كه آبي است زيبايي ببخشد

 

اين كارها رو انجام بديد و حتما كادر دور عكس ها رو كوچكتر كنيد ، خيلي بهتر از العان ميشه

 

 

پيش نمايشي از انجام اين كار براي شما

http://www.jmdownload.ir/download.php?imgf=13777795671.jpg

 

براي شما كه سايت قرآني طراحي مي كنيد هر كاري از دستم بر بياد مي كنم

 

موفق باشيد

[farhad6169 125]

سلام مجدد

 

يك چيز ديگه اينكه مثل اينكه كلمات "جزئيات و اضافه به سبد" به تعداد خطوطي كه شما براي توضيح هر كتاب استفاده مي كنيد حساس هستند.

بهتره بعد از كم كردن كادر دور عكسها تست كنيد ببينيد بعد از مثلا 4 خط توضيح براي هر كتاب نوشته ها همه مرتب مي شوند يا بعد از 5 خط و اين روند رو براي همشون انجام بدهيد تا همه نوشته هاتون مرتب تر بشوند

 

 

موفق باشيد

[sad 2]

سلام مجدد

 

يك چيز ديگه اينكه مثل اينكه كلمات "جزئيات و اضافه به سبد" به تعداد خطوطي كه شما براي توضيح هر كتاب استفاده مي كنيد حساس هستند.

بهتره بعد از كم كردن كادر دور عكسها تست كنيد ببينيد بعد از مثلا 4 خط توضيح براي هر كتاب نوشته ها همه مرتب مي شوند يا بعد از 5 خط و اين روند رو براي همشون انجام بدهيد تا همه نوشته هاتون مرتب تر بشوند

 

 

موفق باشيد

سلام خسته نباشید.

با تشکر از شما:

اره این کلمات حساس هستند و با توجه به  یک جا ثابت نیستند یعنی اگه اسم محصول زیاد باشه میره پایین یا اگه کم باشه میاد بالا.

من هم نمیتونم اسم هارو تغییر بدم یک سری از اسم ها کوچک و یک سری بزرگ اند.کدی چیزی نداره برای یک جا ثابت نگه داشتنش.مثلا  یک قسمت داره که تعیین میکنه فاصلش با قیمت چقدر باشه.مثل این.الان با لطف شما خیلی عای شد.وتنها مشکلاتش اینه که جزئیات و سبد خرید" کنار هم قرار نمی گیرند. یک جا برای تمام محصولات ثابت نیستند.

خیلی لطف می کنید اگه کمک کنید.ممنون

[farhad6169 125]

با سلام

خواهش مي كنم. ببينيد براي درست كردن اين موارد بايد تيبل هاي صفحه رو عوض كرد چون طوري چيده شده اند كه از اين طريق نميشه روش كاري انجام داد
ببينيد كه داخل اين فروشگاه ساز مي توانيد تنظيم كنيد كه در هر سطر فقط 2 محصول نمايش داده بشه. اگر بتوانيد اين كار رو بكنيد خيلي از مشكلات چيدمان حل ميشه، چون فضاي بيشتري براي نوشته ها اختصاص داده ميشه

اگر جواب بله بود كه انجام بديد و خبر بديد.

اگر هم جواب نه بود كه چند تا كد ديگه مي توانيد قرار بديد تا كمي مرتب تر بشه ولي فكر نمي كنم ديگه از اين طريق بهتر از اين بشه كاري كرد
و بايد دسترسي به فايل هاي فروشگاه ساز داشته باشم تا شايد بتوانم تيبل ها رو كمي سروسامان بدهم.

در فايلي كه بالاتر معرفي كرده بودم
بعد از خط 585 كه كدهاي زير قرار دارند

background-position: 0px 0px;

اينتر كنيد و كد زير رو قرار بديد

margin-right:80px;

و خط 428 كه كد

text-align: center !important;

هست رو پاك كنيد و به جاي آن اين سه خط رو قرار بديد

text-align: right !important;
margin-right:10px;
margin-top:-24px;


ولي فكر كنم كه وقتي داريد اسم كتاب رو مي نويسيد مي توانيد با اينتر كردن فضاي خالي ايجاد كنيد تا به اين طريق بتوانيد مطالب رو مرتب كنيد


موفق باشيد

---------------------------------------------------

سلام مجدد

براي درست كردن قسمت پايين فروشگاه منظورم كلمات "شروع قبلي 1 2 بعدي پايان" كدهاي زير رو هم قرار بده

templates > tak_software > css > template.css

خط 14 كه كد زير قرار دارد

ul li {display:block;}

را پاك كرده و به جاي آن كد زير رو قرار بديد تا اين كلمات مرتب تر بشوند

ul li {display:inline-table; margin:0 7px; text-align:center;}

موفق باشيد

---------------------------------------------------

با سلام

براي مرتب شدن منوها دستورات زير رو انجام بديد

در فايل قبلي
templates > tak_software > css > template.css

ابتدا در خط 131 كد زير رو
padding:10px;
به
padding:5px;

تغيير بديد و بعد

ابتدا از خط 141 علامت
/*
رو برداريد و بعد از خط
124
نيز همين علامت رو برداريد

منوهاتون بهتر نمايش داده ميشه

موفق باشيد

---------------------------------------------------

با سلام

در قالب شما "تاريخ" در جاي مناسبي قرار نگرفته براي درست شدنش كدهاي زير را جابجا كنيد

در فايل
templates > tak_software > css > template.css

از خط شماره 60 كد
padding-right:10px;
رو پاك كرده و اين دو خط رو جايگزين كنيد


padding-top:45px;
text-shadow:1px 1px 5px black;


مكان قرارگيري تاريخ بهتر شده و سايه مشكلي كمرنگي براش قرار ميگيرد


موفق باشيد

ویرایش شده شهریور 92 توسط مصطفی صفرعلی
پست ها ادغام شدند !

[sad 2]

با تشکر از شما دوست عزیز خیلی بهتر شد.ولی منوها تغییر نکرد؟

[farhad6169 125]

با سلام

 

فونت منوها كمي كوچكتر شده و در وسط قرار گرفتند. تغيير نامحسوس بود و به چشم نيامد. مي توانيد كدهاي مربوط به منو رو برداريد و ببينيد كه قبلا چطوري بوده.

 

اگر باز هم كمكي از دستم بر مياد بگيد تا انجام بدم.

 

موفق باشيد