From 2e4fc2f8a3da2265d0af16d115d9302d7d42bd73 Mon Sep 17 00:00:00 2001 From: prashant-webkul Date: Mon, 13 Aug 2018 19:14:04 +0530 Subject: [PATCH] Product details page layout complete --- packages/Webkul/Shop/src/Http/routes.php | 4 +- .../src/Resources/assets/images/4star.svg | 13 + .../assets/images/icon-grid-view.svg | 17 ++ .../assets/images/icon-list-view.svg | 19 ++ .../Resources/assets/images/icon-share.svg | 10 + .../src/Resources/assets/images/jeans.jpg | Bin 0 -> 4565 bytes .../src/Resources/assets/images/jeans_big.jpg | Bin 0 -> 13696 bytes .../src/Resources/assets/sass/_variables.scss | 3 + .../Shop/src/Resources/assets/sass/app.scss | 234 ++++++++++++++ .../views/store/category/index.blade.php | 3 - .../views/store/product/index.blade.php | 285 ++++++++++++++++++ .../src/Resources/assets/sass/_variables.scss | 6 +- .../Ui/src/Resources/assets/sass/app.scss | 36 +-- 13 files changed, 601 insertions(+), 29 deletions(-) create mode 100644 packages/Webkul/Shop/src/Resources/assets/images/4star.svg create mode 100644 packages/Webkul/Shop/src/Resources/assets/images/icon-grid-view.svg create mode 100644 packages/Webkul/Shop/src/Resources/assets/images/icon-list-view.svg create mode 100644 packages/Webkul/Shop/src/Resources/assets/images/icon-share.svg create mode 100644 packages/Webkul/Shop/src/Resources/assets/images/jeans.jpg create mode 100644 packages/Webkul/Shop/src/Resources/assets/images/jeans_big.jpg delete mode 100644 packages/Webkul/Shop/src/Resources/views/store/category/index.blade.php create mode 100644 packages/Webkul/Shop/src/Resources/views/store/product/index.blade.php diff --git a/packages/Webkul/Shop/src/Http/routes.php b/packages/Webkul/Shop/src/Http/routes.php index 438e7e4fb..1e01e5df9 100644 --- a/packages/Webkul/Shop/src/Http/routes.php +++ b/packages/Webkul/Shop/src/Http/routes.php @@ -6,8 +6,8 @@ Route::group(['middleware' => ['web']], function () { 'view' => 'shop::store.home.index' ])->name('store.home'); - Route::get('/category', 'Webkul\Shop\Http\Controllers\CategoryController@index')->defaults('_config', [ - 'view' => 'shop::store.category.index' + Route::get('/product', 'Webkul\Shop\Http\Controllers\CategoryController@index')->defaults('_config', [ + 'view' => 'shop::store.product.index' ]); }); diff --git a/packages/Webkul/Shop/src/Resources/assets/images/4star.svg b/packages/Webkul/Shop/src/Resources/assets/images/4star.svg new file mode 100644 index 000000000..1c962e2da --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/assets/images/4star.svg @@ -0,0 +1,13 @@ + + + + Star-4 + Created with Sketch. + + + + + + + + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/assets/images/icon-grid-view.svg b/packages/Webkul/Shop/src/Resources/assets/images/icon-grid-view.svg new file mode 100644 index 000000000..2412dfbb6 --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/assets/images/icon-grid-view.svg @@ -0,0 +1,17 @@ + + + + icon-grid-view + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/assets/images/icon-list-view.svg b/packages/Webkul/Shop/src/Resources/assets/images/icon-list-view.svg new file mode 100644 index 000000000..e6df3dc85 --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/assets/images/icon-list-view.svg @@ -0,0 +1,19 @@ + + + + icon-list-view + Created with Sketch. + + + + + + + + + + + + + + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/assets/images/icon-share.svg b/packages/Webkul/Shop/src/Resources/assets/images/icon-share.svg new file mode 100644 index 000000000..4e3860f01 --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/assets/images/icon-share.svg @@ -0,0 +1,10 @@ + + + + icon-share + Created with Sketch. + + + + + \ No newline at end of file diff --git a/packages/Webkul/Shop/src/Resources/assets/images/jeans.jpg b/packages/Webkul/Shop/src/Resources/assets/images/jeans.jpg new file mode 100644 index 0000000000000000000000000000000000000000..bd57eca4496f276c512cd061acd0bd348e2ae9d3 GIT binary patch literal 4565 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 literal 0 HcmV?d00001 diff --git a/packages/Webkul/Shop/src/Resources/assets/images/jeans_big.jpg b/packages/Webkul/Shop/src/Resources/assets/images/jeans_big.jpg new file mode 100644 index 0000000000000000000000000000000000000000..6d636e5bf1cf9e523f425bffc07a77a3e5596deb GIT binary patch literal 13696 zcmb7q2T)U8w|49zg3>!EozO$?uLY0*K>`Hn(h0qX&Z~ljDiDZt1wv>6={2DAj)W$G zfDnrG-rLXj&-`=meLw%1@9xZ*IqS)qedavtIp?gs_PY3a@e6Pttfrv`xN_wRK>hLu zxR?Mu0o=ZM^VZE9w{P9LMMie}&RtrHyX53|nW$;*(Xugfu(L6tRrxOI8_*SK=^+Vz{aZr`~4SNA^P>i;!wUMIhH=f;gor%RLS z`i+M-sl^}NqT$rF^q>X3iu>~YF*LrEj!VMI^L18P^WY|T_RMX1N$Ds0UfyrY8J_A{ z<9TfoT4pb&WV&SL+U4=z#+9qrul?(4d{meC)yr|^`v3E|a+T`Z^@rlrphq;ET)MOp zmL9Jz2!OlSF8!#kQ2|r{)4%@PME^Q{(Cg*A?bdumr_MOl$gx#HAYtg%EV#HIj0~FQ zE+j-B65ErzAH=^!O~q_)g1Wu4ei!#z2!3j$3y`)4T0nD_(DS_5P0)LNh`6cZJyC)A zHERSzjp-s4Di4~^UKjCeq9UulK|8qGM6M#xB12v3J85$>``xOgSfc6Y{N_Q|z%J#9 z_>eX>Ej+xZt@v)3qp`e)h5ry`(A?;x*UF6RZac{JqgVQ;Xho5q^PlQo_*K%ygwcUR z#?^IJUX_E=4uAvvz*<+8dl9gD{l$WvSXyh>A_OZhlEed7EzGS?F7}Pg?wUz-CfRJ! ziH&3*4t(F-;|Mhn%{rwp4NgWyCHn`|>d02FbxNdcD}UNY2|6Z$oS48$C{`^u!E;m* zF1Ne04&Euj$Lx1#@C_EKxs5zqG1%9Zw{^x|u}0a;*}3Qx^_1Tg5m6*EmnJsge_1F2 zVmYr%l6^!z5<=J0PkrzTx~D>uIWMc0#3%V3>M|}c7U4Dv`MCRP!Mf@lUk|*NRIbHy z!(|0h;X3wuwpT}T$<2OK(pHZ`oh>@dPd{9wIQ?|deqAe?C-b9=nuvA|ivEyUP;#k7 zqSft*(6=AWEy#s*4bfoKw`Pgp{QjLVxk>91`%fc!X)wk8YdPPK^K)0N$3I#OAMav?! zEGt{L_6lbUtvwPkhEyyDQ3V=Z-6mU8XDBYKmmX~I1(&`QS!;Bk5T-r$_dt(J_ z+~+&DR5;q#mDsCgx`W)R%fW%&&mHlxv}*BCXlUBt;$UkHm>RN+&O#yHh|+kZ#s}zZ z$ojzx6{md4E~%sge)20E!O;1etf;pkyqH{VpRhor+((xBX-oz^X1E6HT6Mj14iM2& zmHHCcH~mw#i2|DZ`8;y?**#DvDSt3&fs+IIg}0h?&d&F$ z`cO-X+24Elk)mE&((!Dzi(w)`t&vh|t7j&GPlb}n`uNjVQ#<&FZ1sD(kW4cs;qLkm zke;?cs-+p<9Y^;MK1S{0>hUWWw}uW0CSx=Yzeb2Km~s?ak8qm6e0?f&RNwB|P-S%kr&^d(M{D7WxGn${+4rKLcC=`^B3qtcdRX2i4FMuy z!_VvIiBC%b{30V4`;) zRO=(AU%6^5e^TrxJ-V3xx?qkZywYXFbi%lCGX^*6f{O3oo#7HL;Tt|G`~-WX7f5kU zELE@h`#F5hW)CwnKetN^uIqkz1oJu(M>eX>OHp>Kjx3Sia@+S_);LRQw40LgUfgOp zUpv=1=LATV{{4?F|P>B`wl%MMpuEy4k@~Dka&7e<;o`@ zMYE?#od)03%Q;ewVPQ*`92ZxjgIXCF<`%IbEMY7gG)7@a4y8&5A}6^sTdP`KNtTDn z>jMc|r7g3-nXO2QsHoqgsTHg##Jnb{%@9+F36?oCDXG_Uvd3Ebl|gg2JCZL*306^f zui!{|A=XflFun7Zk?#HX25CNWvgRxtiBHfG*Zyr{wTE1X?*$nY1I0PXZm4Rs@vZnN z35U|?@A=7%>R7fm9>*N2 zepy(2LXZz%&did+e(^K)$q^0D`Y@4q$F!jO4tdWFmovqasMP?>t`e)OpR zo^$+MWapUqN6ek)pHqmsQ5CS6{3rB_@A606rL*-?jzJ3_GVZ*_2)j5e$U=fbW#IM~S^+jMYE5{?jW;^wtPf}=4KNsby`QvO!2;H4GCPg(ZUPGp6SjqON9Meq5a*`+Hfs>WV*(1 zf=Mx29kE*LnEq>bgfnGCL3JXgC>^rDx(!d^PH45SnwAndCPr}Pq@OBt=d0FCiB8Yb z?45|VK%cG&JQ5b|fFe`OT+?b3%-VQsXbY5kkAA~Gn2I_WZE&O5VS+Qm*2XXm*Y=I6 z_ai3t{SqPNu&2nRIo_jn@LHT6wVScbf)++V$?UzFs86+x4vvmZ>PN-n9Jm~oJ?+j% zWIlEryC*C)c%q3A7Z@`_}Mdx0cJQ%{LflOZ}mm2VHAIDWQhx%e7yHvag&F4S&u( zR9Anq!KQ zsuxnGN1L2SnH;gd3iB@iR8*fG)sH7;JXF8O!L}q=Qr>V&Sj`>o6fB&#YpjProA{db z3V}4hbi$kn`E-+LQy?;M*7pK1qE7-haPUS(=+8^0A{o+*c<7YNw9(NHyYuuPzHwY z(b;S?cY&PM*mF;9FpwMzyUi50)vb*=VB27BzD0nW(FMR_?5a#fzD75sZ~Iro*Ong7 zQzmjXatrjV{##z;L++_Y+mBHWt{nk$%g8jdiTNx6As+=PWn!*!`{CDLo`8dw3jd^QB8%Bp2ah$638go3_zQW}*CN7b${I49GflMeNJTp- z7aPC8(!s>{SWMSiF=W2Ai8Bg?Zk212{3+>awgN;82;t}>(&TkiK#wMpJExIn7lC|8 zKAp-xioqH83r5#m7q(SUfKVJ%LkQGTZ_~8}uyluXj`$Qr7*a1tieKtOn0|FO-=qP* zycjV!L-CG**w?D0gZugK3$p8eorN=5%{#gF5Z)V8qw6w?l915Wp=lhl1oOI9sIY6B zJ8B~RB*E69K0~J9b@&}PU!m(-*~lnXuA0Nx)QCae73xU}xiSkc(UqBdtOumCx0m}_ z0uE=?4;=Ig5klV?LKUh{^)x6MN0c{M;li`%1k~b*6|BMGeX_dlWeN2b`tdY%fj=UD z8N7}(R-2SnKpE(HB5g8_*o^UQ4ac}exH-WgvY<342Ybt>&Fw{{Z~dz3IN}w=;2|H~ z?P?4tJordAeWYGg$I>HELzsax(Zzjx`=M}bB6K&sq!p^MBs(06y}@^oJSA*G0nS{~ zB%R-UIC#!xRnBTBXRbd1mI&HavyaT3XX+n)9ueD@!J%}vx8|;G$>iIvzv8O{SabQ= z&0z;o;hItpFRd66Mt&&q}Tm0*3c8Z(zS=!_qMXr+5Btx@z+Q>*ou`-G=Mis*ZzT$BlPaNx-fh z)*VpHHKFeYZC18SQjnB6tnUdbQhyWkEB!hr@WqE?5vE2ZQ?_~0 zQPetZr-RlQU;ErqBcDibo_@=0UN;`2YjmhWHya_An@zG7T9S~=aKlUcn7eLfTMWVl zml%gumloE~az!bx@)$=>2Bk-)I8tX6B08(W^o*T;8DjX@R;JGRo?#6p*QA(4RQq_O zi?S(=lg1!A(bct}**6ugM~9m{cM=ScNLIfWXnqL3ZhbJJYpSTyw~mw#HZRo41aNC? z?4#+%1@`n>`7M99b)z--RS(O2Ph7^&+Mj&=#L>)R@JM!w(GQ%x^Q+Nb*|bsCc&RP6 zM}Wn|7UWifb)tPlg__O zbnB|kPw0md7X?HVMuB}HQcfj4J&q-pcX~D2o?u%qXb_wg+4Rb|!r%*2w?$;k?s>#U z0$zpQm%Z2K$M{-uk7o+pg#5AO+?bq6#aUVXe%iob#`B%%#%{6g=q0_9B?FPhXr6|W z94@Lv%!F)r=Iaa19gK0r z2_@*7VL7*=BDdB?^tB zo!D3iIFjZefd~e+OsZhA{gF&c`vkjFoQq!o3zfOP^c#k^F8rhDh6YoM?F4BC3B8vd zDsOx-WKgJkl#?1mD9li2L%Oez=+q#&ed4#05K4G(O;haOB=A3htE@4~11h6h)Ad88 z_fE#y-gM3hqu(x!EV?6B7Z~3!U205q6V`CRM&EeDFE`EkNSQxtl(&;ms$VVomz=#(vfWY9(5dzvKL?p<=|z>goBO|< zroy-P-uymJ0*)rBP#IF6((liO+TH$XuMmW8lbb|HthV1v;>|j%rPqA5>>`BlO_hQT z4GD^F*!Wk8-Y>{}2P#O>-3LX{&94D@aCMR7c}5o6y3*Ur^9S)f4l=WQyk>b5=Fbv! z_pDHRonaGjr|jxUzMQP193b2l-IQ}fU|a(9`>o4ja)n8-g(2B=`^ND;qpi9_6NUD> z!BI2CoBb_fWd;(!N;H$onY^o*Mdc{diOLFA$*A!KK~9>6Jd(g9WOm0Vzk>{FlE|5p zI8VD9LQ&!*9vzmF@#t;A3fQBNe9x5_OF)LLqT-h(q6s0i1GcePIw28iSoAsaD6r;)s*L`fd6l$lneR?gZ)nc9 zYkG|TQzrjrUFn>|R=iyx+7Hg{Fi$g8@5qnEbu0L53@u$#ep7coE(a%-^fqx+7`{$i zn{RJxlOzg&4+4tURU2G-Vy`X_>6@dpRts!d^rDD2T51QunBBqK2SC9JD$q`s3^P=`@2$ ztF?t)3;&zz1EE%))6El>2`^1$zL>CR_nAaJoIri2EtD^@FB?g4UNA|@L1oRr2Yol9 zprJHF58kJBFs><>ZxU+?nY(TW5*BezH{*p zjrR36#%8rudZa7oiZl&Jb+^fk4fTle7zTmv!6@iR_4mv50{`hX=0mpl7Km&VO!H0j zUE7LxM(uD7kEFec^`_)JUmcOQ*{V0>Q7z9g#xPn~N9DB^zoHWEg(udHuq|V~Qb#TTqLwQk z!L8b5j_|pO`Z@sFU;n14e*pcKOOS|cyt#Y483qz^{9N8|kuurAM~TxQy`m%xt#^=p z%Cos2@%=$Ugd2_lxE>{o@vfoeY@)fjdQc&fIX8o?sXw9YKG!4?mrsBPTinPE2&Bh+ zW2H4ixCdbvyx|)zx1!;(c3;?z@M~>;P1sS!b=Pd2=w4rLi#FkoUtfS>X{q;Fo_rCi zwc1~@N@;MH6&Pt+98OxkEK#aje_q#Aw<^X7!OOEJ2^qMc5nAK#uy~dfKKHrS*7^#?~n$O6-Bl^ zWUeb}isK|H!S3#|yX?@kymkXY72`^E|EBp>C7asF-%l&z{bKxWJ?lRMkpGC~AIzKY zmL@1_D~w>k>7?)7=@$Ss#JNO}1Y~zd?a(x$X(Zp6{jlu<~I`F~T^zivV!@kHm5EN*<4>6y|v@XX)mQ8;*W0|Y4Wg8#)vP84t zn(cLx6Jzq_UH%7D_RuKWzdcI0BLJ$PK=u~%=KEkX9)?j%gSR2Li(>qFOs|3yqUF8P zYE?|A)S1NhyeDQ<|?pih`MN@zsQ8icW0 zRr}0o-uQ`%)a5l+aEi0Dzuy<704>eThG+ zR1cpx7TP5~43P6t?g?7%Ukc2|ZAvAq>3nAs9fW8cvRJx%r6HV1O_jrEPOc?o*;|6? z!&*^9D!}a5Kg8k>kP~H^JJGe{*UE&k?C&P)u(54v|2MnUZ(qd3NH8f&+N%}p>&JGL zdF)3lGAa$%5T-dR43?&28gHoIyRj zt1N0HzgAghCZ8-)1G}=)QB#pn?kiHzD1Q>?6zCL4R|pD;6{GIGtW`W{am`H<#PiHU zcFt*vAYQ+pTrV|y0Bco(kzbR}Tm=Q~6>k=$CrnG^ zRKIcTE;lUBn~Oq*O+#!bAHOE*Hdd)la{0B?e{ifhWbn?kS&Co~_eC?F7{LU;j)i(? zB87Hqp_If%Wv#kA&B~Up-`o??HAe?=bwj=f&*Jw}##CG5mR9$l?+|l(%06L&4E&n2 zV+Y?cHI?P~RLZI)$_|C;Thbz}Dm0kMzue8Y+An8HhRD3VMp4gj0jSj_TmbAq2k8Kh z{v%^f0Py1_k+1E zr|e&=h8S1F@-o=3=a8+pc{OiV)jRYwQ{XZVd7H4taA2LfPl@gO>IsuB;tD2Nt>GXQ z;T+b6HZm8DQxlMDbLY+LRFz_C{EaMBTfPABtqPBZ#v*-?dHBc^&(HuFk3#ud-wRl% zB3dWTxY(pKgRB`lHna%#3TqGF?iMQbM|q6}hVTkb%VvYb%s&Brf*I`gE9ZW9OdDUP zG>oYdS(@spJ)n;?;x%j0uVoWgHETcV5*FrY$dHbr9t(^Y$T=}Pw}o@#Np%UfBT#r_ zHw@C5bl?i(;x58s=rwfL)y&zxdGkG%vubwMHuZ|e#I!-+2hB?1TT!@$UPX$Co(sSY zXNcw-c)s5EAupX3umb)pcOYoSE%DnQc>NP}HPO+d@G)90pgb}X7~cB=L&fZ>@koj; zC)$NmxUsO`!b6lP6eN|g#)DnE*^M5?(OTjdvW4PBq`ffmje&bSJev-E_xS9@JbU&H z`M>uW>x=2byZrLF2VTs59L32QF4xJWORkMs^S2O%H)f=D^N&OG>r3Ulm8z}w{*s(Tc#qshdfE-R|D#KnzvYNsRGAAdxm+WE1KG)i?T z0%|}3?xYVi*C_@6#NMB<>)4#)LmKKX0aZ-FOOFvmkgeJ1Bx2sKhAdP_c zWopNy#6Qaixd3EKH$E*(fo8Jb;SHxP&}dT@z|y0mHKxoJeFVqSk5)RM__g}PN`66Q zm8&^3O=i%`g70@xPl2l0)qrHmn?}W>wl%lS52IY<5vJLV)tR-RLIozO+pOP4%#;VG zf11)gt;8hjA$G!5cck-6jvZQr)YW8<8YKmv=QW*{#u9n?N_!$LwnPM$?0WpBmgnbr zTB3`++vpJV!&cf#Jjbo{^;N@>hHGYovEjOW?)5$CdyijOXe?dzA=I_}D(LgCeXQc0 zT!P6qSNr*!oC23-?^g(igahH{$eas6Sh0Bm%P_$6#h;k^BX*_BXcnfZ+)=&Lf9jWX%HfM{ zv(IVVeiIS|E_%D8%@bHq$&%Rs{Z{LYB-sebzrHEA}C0}>Gt)4d8)VXn}tCnM&)#F`!R)?bFI>b#_WVU8Ix%q);Xong|?I%6Sp&v;+ zs5MHHC>)N10bJaaD%o>Gc)SGvw0Nn{d=gx=w)tZ2unE%T&e*;&HnTL+w4@3;T)0Vx zA5qoGI^C*vS@tGvInNW25i*vrWzZ%YIUs80Cz3nJ53H6eI(u*1Ce`j77Ib zaR-7kk(gq$owO&rg78EsTMg$RG~>uZU^+X=?Ba;ApS&BojVHlvj%N0Qjl!e=xlYGM z@n$vD&(%<}MCOAp&QD4Pb8m{CMLP~(02&g`xhz?KGdrDrF7=GjjDKl$0T7Hxw`+PV zeJF9fY)xI=urnN+yAYQ5_b3{j77Ey|S=mRm!P~6Dc z=1s#g@q{R~F?)ikO%-qVYY6!Dyt3g*DBqTk%<2xdP^$$xMa%U}Lv8}Gk{w|SNefNfSr0(Jy&-0RQ6=Zlwa zZtw(7`*`qz*Nsh+!1&jv)2Tp|#x6tXsZ!zvVA^qlNMpx%?}?wv)89S92{6A821Tc7 z1dHoYhv;jm$KDwS&m^-&v;WS`-p}p-DA$3BFiG_f&sa|c9V(QN_0hzZ7G)RkLDmJ3 zq(B6n$V4Q5@hR{TK`4yiu^*2acWZd#!h0S5*rx#KZkR@hGK?H#`x4gDLiYO0+jsew zd2&aWAZzm1Lyl$>uXsxYB3sB-P9wyb{p9fJ3Q~_d3jq8xLw`cWGLqbt(+8`Z95%qO z-*PImlt+e^H+ZhhIHiYI4AYC+dPOOfjQ%QoJmu~{Y7-pNA(&8+k5l*UXDZ!pyw1HI z`S3cvF)RVjU)e1))R!R4Q{?&{GEuNhj0yRHvT}aQEUO*WCAJ9`$NZhm5|X3iydxbz znbBvfKetYLla={XJ=g1|*R;-8i$z~U73|+mM7dCjFO;E|Yxi3&IbBV2%OS^n9M(`L zryVZrNS9g4k8~N_oEaIuLKmW=riC*jV`Sm@B6JJA`{vFCK>b#Dp$TE_#>vK{H%8*w z?v>XjM+UTX`u_rxYhTfuDZk@ePO_op=v5BlkHLI4g->9GtpmK37Gj#G03KJQwFyw9(077(@ z&0D+Ll-#Ux_=_OCNo=82#N39t)y7Q)3EteLx#S?86?F=T=xWv}2At-A50_nHR8vFmEj@_v6oO{27%C&Als=y^Bf)j~aXdmmGM+Zl?d`wWz~rUg%VI3WgbM znqUuV`Yi-Ff1WU>Kvtd~f~f0wrhb&&u1X!epJ+6MWom|{$=EU+^}M>78Xy=y41*I0 zoYZSV36kh^n@@M~F~}|NhsMBDnXGi&yR4VEdj|O?S*z*8+OB(FqmSAQQq;VkKiZU? zb`-DJVaxCLsMy0;aJ)~K3voTE{08yu16jZQnWjIZLpT-N{#@;Z1$b!oto>ti z1Fq1<%+^UY4txk~CnTmkLOdc7EQ#Y~_a2X<<`YGBD-P9zjam@u5=fcSvm^yMo zjWx(IRs20_KaD!kRAq6{v)UizHT|00*^h&`V2a;= z|En+eKOY!anjkbC7zf2jlK2}blvV$_#biIOYWhaG7gSI^)ohr^J&lh(0qwUB5d5bq zwA+Rn`|FsB?>X?dY`w@kR`NyNiQ6;TiOI}^cc~*R0z?lVt7p?uuO3XGKEchGr|=56 z@Btsf%HNv&zo%s|ao(>INa9ifMJh%>1KTb&505bdXSm;IRMoFkC`_Q9bkX>o{Igynr9){vtz0rv2mf_=xqC8awi;DRr0Wd$b@lUq z9*|4VYh47P$XgY)^n$?l=3S@uZp|p3Zp}6&h%)wFI1m2js*&c)2P?<9y}h4D{J@m>sG&%6JMqCP6IMz10!?_KRVf_nd0;4o{20PW|e_XNQuvt57c2|D-&?0GXtSsM1uW4k(_MA_69lY*ojLuR}u-oo7 z66v$8wWUS6|8&qBO06m(tat0gE(ryqV3Ps-;;bJF~;*XFZ`E&CG-S?j`Cd1c7nwRHGK^YcIQsLaCeCrkI~VGJFR3wsy{^z}xN@}HZWRC^~K=p4P;JM z<4)x-yuye1i0z=xdb0zaIw*=SJT0(9{H|2kNV=VR?h z?Azwp7fq<%&b#(5;=`NcW~@SKh%FxkXQsE++y%ggc3{Pjbkff9*f1(Vu-ju2-}@D# zTU|HJZc|pmJxq;gEGDqK?C*>1u#1d!OMaD=?>Wn`eVYr8V^_+RUs#pBFWdWP9e^?iTB2=!K;z8R@<;AC5Mq@pxB` z>fpVCXN6gYhuM<38nz5YRFa|Cb<|r^@GIt@3iKT6 zD?1jAhQ;p-l=TD*MsanTo7U{q>2T01e$uX>3sTI}^lhZZG6WjydYlYCA$#jrq$Oav zxswlbQ4>t;f7Py_7sUfN-!Rj;isk1MCb-9JAB$HfyKP?pW>s1OA4PNwR5BzpMlKb| zMx;ZL&IdfagBUC-9kjodNrBy86Ww{kg*cYNtbGlV z8y=po5h8gn-SuA{hLJE&vZjxwuRQEiu7hC$?fny_&-SWdsYd!+ z)Cj)_d`bv;S(A51sj1Riy>gD_1@c{G=Z&!wiGA17A+`xdVCth+^`jZ|m^BE;sSYnv zg+osL^=sJHY#@u#`B%#ez|Ak>k%gz4{rj L{Qqq+xfuUHhB88Z literal 0 HcmV?d00001 diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/_variables.scss b/packages/Webkul/Shop/src/Resources/assets/sass/_variables.scss index 94e53d359..33ed12732 100644 --- a/packages/Webkul/Shop/src/Resources/assets/sass/_variables.scss +++ b/packages/Webkul/Shop/src/Resources/assets/sass/_variables.scss @@ -10,10 +10,13 @@ $offer-color: #ff6472; //shop variables ends here //customer variables +$product-font-color: #242424; +$product-price-color: #FF6472; $sign-up-text-color: #5e5e5e; $login-text: #3a3a3a; $background-color: #ffffff; $color-black : black; $forgot-password-color: #0031f0; $profile-content-color: #5e5e5e; +$horizontal-rule-color: #E8E8E8; //customer variables ends here diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss index c914ee305..b1843f12f 100644 --- a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss +++ b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss @@ -738,6 +738,240 @@ section.slider-block { //customers page css ends here +// product pages css starts here + +section.product-detail { + font-size: 16px; + + div.category-breadcrumbs { + display: inline; + } + + div.layouter { + display:flex; + flex-flow: row; + margin-top: 2%; + + div.product-image-group { + display:flex; + flex-direction: row; + justify-content: flex-start; + margin-right: 2.5%; + + .side-group { + display: flex; + flex-direction: column; + margin-right: 4px; + } + + .product-hero-image { + display: block; + position: relative; + + .wishlist { + position: absolute; + top: 10px; + right: 12px; + } + + .share { + position: absolute; + top: 10px; + right: 45px; + } + } + } + + .details { + + .product-heading { + font-size: 24px; + color: $product-font-color; + margin-bottom: 14px; + } + + .rating { + color: $product-font-color; + margin-bottom: 14px; + } + + .price { + margin-bottom: 14px; + + .main-price { + font-size: 24px; + color: $product-price-color; + } + } + + .stock-status { + margin-bottom: 14px; + } + + .description { + margin-bottom: 14px; + } + + hr{ + border-top: 1px solid $horizontal-rule-color; + margin-bottom: 17px; + } + + .attributes { + display: block; + width: 100%; + + .attribute { + height: 39px; + margin-bottom: 20px; + + .title { + float: left; + height: 100%; + min-width: 130px; + padding-top: 9px; + } + + .values { + display: inline-flex; + + .colors { + margin-right:5px; + } + .colors:last-child { + margin-right: 0; + } + + .red { + height: 37px; + width: 37px; + background: red; + border: 1px solid $border-color; + border-radius: 2px; + } + + .blue { + height: 37px; + width: 37px; + background: blue; + border: 1px solid $border-color; + border-radius: 2px; + } + + .green { + height: 37px; + width: 37px; + background: green; + border: 1px solid $border-color; + border-radius: 2px; + } + + .size { + margin-right:5px; + line-height: 38px; + height: 37px; + width: 60px; + border: 1px solid $border-color; + border-radius: 2px; + text-align: center; + vertical-align: middle; + } + .size:last-child { + margin-right: 0; + } + + .quantity { + .values { + .control { + height: 37px !important; + width: 30px !important; + } + } + } + } + } + } + + .full-description { + font-size: 16px; + } + + .full-specification{ + + } + + .rating-reviews { + margin-top: 30px; + + .title{ + margin-bottom: 15px; + } + + .overall { + + .number{ + font-size: 34px; + } + + button { + float: right; + border-radius: 0px !important; + } + + margin-bottom: 5px; + } + + .reviews { + margin-top: 34px; + margin-bottom: 80px; + + .review { + margin-bottom: 25px; + + .stars { + margin-bottom: 15px; + } + .message { + margin-bottom: 10px; + } + } + .view-all { + margin-top:15px; + color: $logo-color; + margin-bottom:15px; + } + } + } + } + + } + + .related-products-wrapper { + margin-bottom: 80px; + + .title{ + margin-bottom: 22px; + text-align: center; + } + + .horizontal-rule { + height: 1px; + background: $horizontal-rule-color; + width: 148px; + margin-bottom: 24px; + margin-left:auto; + margin-right:auto; + } + + .related-products { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + grid-gap: 10px; + } + + } +} + @media all and (max-width: 480px) { .header { // border: 1px solid black; diff --git a/packages/Webkul/Shop/src/Resources/views/store/category/index.blade.php b/packages/Webkul/Shop/src/Resources/views/store/category/index.blade.php deleted file mode 100644 index 3ab35b7a0..000000000 --- a/packages/Webkul/Shop/src/Resources/views/store/category/index.blade.php +++ /dev/null @@ -1,3 +0,0 @@ -@extends('shop::store.layouts.master') -@section('content-wrapper') -@endsection diff --git a/packages/Webkul/Shop/src/Resources/views/store/product/index.blade.php b/packages/Webkul/Shop/src/Resources/views/store/product/index.blade.php new file mode 100644 index 000000000..e3313bb42 --- /dev/null +++ b/packages/Webkul/Shop/src/Resources/views/store/product/index.blade.php @@ -0,0 +1,285 @@ +@extends('shop::store.layouts.master') +@section('content-wrapper') +
+
+ + Home > Men > Slit Open Jeans + +
+
+ +
+ +
+ + + + +
+ +
+ + + +
+ +
+ +
+ +
+ Rainbow creation Embroidered +
+
+ + 75 Ratings & 11 Reviews +
+
+ + $24.00 + + + $25.00 + + + 10% Off + +
+
+ InStock +
+
+
+ Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers. +
+ +
+ +
+ +
+
Color
+ +
+
+
+
+
+
+ +
+
Size
+ +
+
XL
+
XXL
+
XXXL
+
+
+ +
+
Quantity
+ +
+
1
+
+
+ +
+ +
+ {{-- The elements below will be accordians --}} +
+

Description

+ Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers + + Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm d rivers. Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers + + NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers +
+
+
+

Specification

+
+ +
+ +
+
+ Ratings & Reviews +
+
+ + 4.3 + + + + + + + +
+ 24,330 Ratings & 104 Reviews +
+
+
+
+
+ Awesome +
+
+ +
+
+ NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers +
+
+ + By John Doe + + + , 25, June 2018 + +
+
+
+
+ Awesome +
+
+ +
+
+ NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers +
+
+ + By John Doe + + + , 25, June 2018 + +
+
+
+
+ Awesome +
+
+ +
+
+ NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers +
+
+ + By John Doe + + + , 25, June 2018 + +
+
+
View All
+
+
+
+
+
+ +
+ +
+ We found other products you might like! +
+ +
+ +
+ +
+
+ +
+
+ Red Black Tees +
+
+ $65.00 +
+
+ + + +
+
+ + +
+
+
+
+ +
+
+ Red Black Tees +
+
+ $65.00 +
+
+ + + +
+
+ + +
+
+
+
+ +
+
+ Red Black Tees +
+
+ $65.00 +
+
+ + + +
+
+ + +
+
+
+
+ +
+
+ Red Black Tees +
+
+ $65.00 +
+
+ + + +
+
+ + +
+
+
+
+ + +
+@endsection diff --git a/packages/Webkul/Ui/src/Resources/assets/sass/_variables.scss b/packages/Webkul/Ui/src/Resources/assets/sass/_variables.scss index 818cbb080..afe55ad04 100644 --- a/packages/Webkul/Ui/src/Resources/assets/sass/_variables.scss +++ b/packages/Webkul/Ui/src/Resources/assets/sass/_variables.scss @@ -4,4 +4,8 @@ $danger-color: #FC6868; $success-color: #4CAF50; $warning-color: #FFC107; $control-border-color: #C7C7C7; -$border-color: rgba(162, 162, 162, 0.2); \ No newline at end of file +$border-color: rgba(162, 162, 162, 0.2); +$filter-toggle-color : #8e8e8e; +$color-white: #ffffff; +$color-black: #000000; +$color-black-shade : #000311; \ No newline at end of file diff --git a/packages/Webkul/Ui/src/Resources/assets/sass/app.scss b/packages/Webkul/Ui/src/Resources/assets/sass/app.scss index d305f96bf..f11967d58 100644 --- a/packages/Webkul/Ui/src/Resources/assets/sass/app.scss +++ b/packages/Webkul/Ui/src/Resources/assets/sass/app.scss @@ -225,7 +225,7 @@ h2 { padding: 10px; border-bottom: solid 1px #d3d3d3; color: $font-color; - vertical-align: top; + vertical-align: middle; &.actions { text-align: right; @@ -683,22 +683,6 @@ h2 { .dropdown-filters { display: inline-flex; - // .column-filter { - // margin-right: 5px; - - // .control { - // font-family: "montserrat", sans-serif; - // padding-left: 5px; - // height: 36px; - // width: 150px; - // border: 2px solid $control-border-color; - // border-radius: 3px; - // background-color: white; - // color: #8e8e8e; - // font-size: 14px; - // } - // } - .more-filters { margin-right: 5px; @@ -714,7 +698,7 @@ h2 { border: 2px solid $control-border-color; border-radius: 2px; background-color: white; - color: #8e8e8e; + color: $filter-toggle-color; font-size: 14px; .dropdown-header { @@ -735,8 +719,8 @@ h2 { li.filter-column-dropdown { .filter-column-select { width: 100%; - background: #fff; - border: 2px solid #c7c7c7; + background: $color-white; + border: 2px solid $control-border-color; border-radius: 3px; height: 36px; display: inline-block; @@ -753,8 +737,8 @@ h2 { } li { select { - background: #fff; - border: 2px solid #c7c7c7; + background: $color-white; + border: 2px solid $control-border-color; border-radius: 3px; height: 36px; max-width: 100%; @@ -833,7 +817,7 @@ h2 { display: inline-flex; background: #e7e7e7; padding-left: 5px; - color: #000311; + color: $color-black-shade; vertical-align: middle; .f-value { @@ -882,6 +866,12 @@ h2 { cursor: pointer; } } + + td.action { + a:first-child { + margin-right:8px; + } + } } } .pagination {