Magento Expert Forum - Improve your Magento experience

Page 1 of 2 12 LastLast
Results 1 to 20 of 37

How to set image gallery Fotorama thumbnail as vertical view in Magento 2

  1. #1
    Junior Member
    Join Date
    Jun 2016
    Location
    Bhavnagar, Gujarat, India
    Posts
    1,125
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Post How to set image gallery Fotorama thumbnail as vertical view in Magento 2

    Today, we are going to learn how you can change thumbnail in image gallery fotorama for any product page from horizontal to vertical.

    Sometimes there are images that look better when their alignment is set as vertical rather than horizontal. You might want to change that, but you found no solution for that.

    Name:  How-to-set-image-gallery-Fotorama-thumbnail-as-vertical-view-in-magento-2.png
Views: 138
Size:  79.8 KB

    Well, we are here to solve the issue you are having. With the help of view.xml file for a gallery that is used by Magento, you can shift the view of your images from horizontal to vertical and vice-versa as you need.

    Follow the instructions given below to set gallery fotorama thumbnail as a vertical view on the product view page.

    Find a variable named navdir at given below path:

    app\design\frontend\Themes\Yourtheme\etc\view.xml

    In this file, you can see a variable navdir search under <var name= “gallery”> tag.

    You need to replace the below code:

    You can define your own custom view in the same file at the given path.

    You can also set your custom view on mobile devices as well. To do that you need to define the condition for mobile in the available breakpoint variable. Change the alignment of image thumbnail as vertical or horizontal by placing navdir variable, as shown below.

    for code and information visit this: https://magecomp.com/blog/set-image-...-in-magento-2/

    View more threads in the same category:


  2. #2
    Junior Member kajal's Avatar
    Join Date
    Sep 2014
    Location
    Bangalore
    Posts
    1,446
    Thanks
    0
    Thanked 20 Times in 20 Posts

  3. The Following User Says Thank You to kajal For This Useful Post:

    continentalcamapign (13-03-2024)

  4. #3
    Junior Member
    Join Date
    Nov 2019
    Posts
    1,083
    Thanks
    6
    Thanked 3 Times in 3 Posts

    Default

    Useful guide. Thank you very much for sharing such a valuable post.

  5. #4

  6. #5

  7. #6

  8. #7

  9. #8

  10. #9

  11. #10
    Junior Member
    Join Date
    Jan 2020
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Contact support team

    Call the support number to get support & help from independent third party specialists to resolve the software and computer issues Call +1-865-424-1006
    independent support,twitter support, snapchat support, skype phone number, panasonic customer service, google home setup,carbonite phone number,acer support number

  12. #11

  13. #12
    Junior Member
    Join Date
    Jan 2020
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Call support team

    Call the support number to get support & help from independent third party specialists to resolve the software and computer issues Call 1-808-468-0006
    independent support,roadrunner email support,qsee support,panasonic customer service,nuance support,norton support,netgear support,amazon prime video customer service

  14. #13
    Junior Member
    Join Date
    Jan 2020
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    dlink support, d-link support, dlink router setup, d-link router setup, dlink camera setup, dlink setup, support dlink.com, dlink customer service, d-link customer service, dlink tech support, dlink support number, support dlink, dlink customer support, d-link setup, d-link wireless router setup, d-link camera setup, gmail customer service, gmail support, gmail setup, gmail tech support, gmail help, contact gmail, gmail login help, gmail customer service number, gmail support number, gmail customer service phone number, gmail contact number, gmail customer support, gmail contact, gmail phone number, gmail support phone number, gmail help phone number, gmail help number, contact gmail support, gmail number, gmail email setup, gmail contact us, call gmail, contact gmail help, gmail set up, google voice number, google voice setup, google voice phone number, google voice customer service, google voice number setup, google voice help, google voice 800 number, google voice customer service number, google voice service, google voice support number, google voice customer service phone number, google voice 1800 number, google voice contact number, google voice toll free number, google voicemail number, panasonic customer service, panasonic support, panasonic phone number, panasonic customer service number, panasonic customer support, panasonic customer service phone number, panasonic support phone number, panasonic telephone support, panasonic customer service 24 hours, panasonic help, panasonic contact, panasonic contact number, panasonic support number, panasonic customer care number, panasonic telephone number, pinterest help, contact pinterest, pinterest phone number, pinterest customer service, pinterest support, pinterest help center, how to contact pinterest, pinterest customer service phone number, pinterest helpline number, pinterest help chat, samsung customer service, samsung support, samsung phone number, samsung contact, samsung customer care number, samsung support number, samsung help, samsung number, samsung customer support, samsung customer service phone number, samsung customer care, samsung contact number, samsung call center, samsung support chat, samsung helpline, samsung live chat, samsung customer service chat, call samsung customer service, samsung 800 number, samsung 1800 number, samsung support phone number, samsung phone customer service, samsung telephone number, tinder support, tinder customer service, tinder contact, tinder phone number, tinder customer support, tinder customer service number, tinder chat, tinder support number, contact tinder support, tinder number, tinder customer service phone number, tinder contact number, how to contact tinder, tinder help email, email tinder, tinder customer support number, call tinder, tinder helpline, twitter support, contact twitter, twitter help, twitter customer service, twitter support email, twitter phone number, twitter email, twitter support number, twitter customer service number, twitter number, call twitter, twitter support phone number, how to contact twitter, twitter contact email, contact twitter support, twitter help email, twitter help center, twitter support live chat, webroot customer service, webroot support, webroot phone number, webroot support phone number, webroot customer service phone number, webroot customer service number, webroot support number, webroot tech support phone number, webroot contact, youtube customer service, youtube phone number, contact youtube, youtube help, youtube support, youtube number, youtube customer service number, call youtube, youtube customer service phone number, youtube support number, how to contact youtube, youtube contact number, youtube support email, youtube tv help, youtube setup, youtube's phone number, youtube customer support, youtube help center, contact youtube support, youtube red customer service, youtube red customer service phone number, independent support, Official support, OEM support, independent third party support, Voice support, support phone number, support number, customer service number, customer support number, customer service phone number, customer support phone number,

  15. #14
    Junior Member
    Join Date
    Jan 2020
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Nice information providing by your article and I would really like to thank for your article it’s really helpful. Call +1-808-468-0005 epson customer service, epson printer support, epson technical support, epson customer support, epson printer tech support phone number, epson tech support, epson support number, epson printer support phone number, epson printer customer service phone number, epson printer help, epson help, epson connect services, epson printers support, epson printer customer support phone number, epson printer tech support, epson service center, epson printer technical support phone number, epson printer customer service, epson customer service phone number, epson phone number, epson scanner support, epson printer customer support, contact epson support, epson phone support, epson printer service, epson service, epson printer customer care number, epson support wireless, epson printers customer service, contact epson, epson contact number, epson printer customer support number, epson printer support number, epson customer support number, eepson technical support phon, epson cloud services, epson helpline, epson customer service number, epson printer customer service number, epson technical support number, epson printer tech support number, epson contact, epson tech support phone number, epson printer technical support, epson tech support number, epson support phone number,

    canon printer support, canon professional services, canon service center, canon support, canon tech support, canon e support, canon printer customer service, canon printer customer service phone number, canon printer support phone number, canon printer tech support, canon printer tech support phone number, canon support number, canon technical support, canon usa support, canon contact number, canon customer service number, canon customer service phone number, canon customer support, canon print service, canon printer customer service number, canon printer customer support phone number, canon printer help, canon printer service center, canon customer support number, canon help desk, canon number, canon printer contact number, canon printer customer care number, canon printer customer support, canon printer customer support number, canon printer helpline, canon printer helpline number, canon printer phone number, canon printer service, canon printer technical support number, canon pro services, canon repair service, canon service center number, canon tech support number, canon tech support phone number, canon technical support number, canon technical support phone number, contact canon, canon printer support number, canon printer tech support number, canon printer technical support, canon printer technical support phone number, canon printers customer service, canon printers support, canon service, canon support phone number, canon contact, canon customer service chat, canon customer service usa, canon factory service center, canon help, canon help line, canon phone number,

    Toshiba Support Number for Indie Toshiba Support. Check Toshiba Support Article & Toshiba Phone Number for Independent Support. Call +18084680005 , toshiba customer service, toshiba laptop support, toshiba tech support, support toshiba, toshiba service station, toshiba support number, toshiba laptops support, toshiba customer support, toshiba support drivers, toshiba technical support, toshiba phone number, toshiba customer service number, toshiba satellite support, toshiba help, toshiba tech support number, toshiba service center, toshiba number, toshiba computer support, toshiba customer service phone number,

    Call +1-808-468-0005 & get instant resolution for all printers relates queries.Get 24x7 supports by dialing Printer, Scanners customer care toll free USA phone number +1-808-468-0005. To fix any Printer, Scanners related issues contact our Printer Technical team hewlett packard support, hewlett packard phone number, hewlett packard customer service number, hewlett packard customer service phone number, hewlett packard customer support, hewlett packard tech support, hewlett packard technical support, hewlett packard printer support, hewlett packard help, hewlett packard technical support phone number, phone number for hewlett packard, hewlett packard contact number, hewlett packard support number, hewlett packard support phone number
    Printer Customer Service Phone Number, Printer Customer Support Phone Number, Printer Technical Support Phone Number, Printer Customer Service Number, Printer Tech Support Number, Printer Tech Support Phone Number, Printer support, Printer support number, Printer support phone number, printer customer service, printer customer service number, printer customer service phone number, printer tech support, printer tech support number, printer tech support phone number, Printer technical support, Printer technical support number, Printer technical support phone number, Printer setup,

  16. #15
    Junior Member
    Join Date
    Jan 2020
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    tech support phone number
    customer support number
    customer support phone number
    contact support number
    contact support phone number
    technical support number
    technical support phone number
    call aol, aol email support number, contact aol by phone, aol helpline number, aol email support phone number, contact aol mail, aol mail setup, aol customer service email, aol support email, contact aol support, contact aol customer service, call aol customer service, aol chat support, aol help center, aol mail login help, aol customer service phone, aol customer support, aol technical support,
    aol password reset, change aol password, forgot aol password, reset aol password, aol desktop, aol desktop 9 7, aol account, delete aol account,
    norton internet security, norton sign in, norton antivirus download, norton for mac, norton 360 download, norton security download, norton download, norton antivirus login,
    norton activation, norton antivirus protection, norton update, reinstall norton, norton website, norton security and antivirus,
    mcafee technical support number, mcafee technical support phone number, mcafee tech support, mcafee tech support number, mcafee tech support phone number, mcafee contact number, mcafee chat support, mcafee telephone number, phone number for mcafee, mcafee antivirus support, mcafee setup, mcafee antivirus setup,
    canon pixma printer setup, canon pixma printer driver, canon pixma driver download, canon pixma all in one wireless printer, canon pixma all in one printer, canon official website, canon mx922 wireless setup, canon mx340 wireless setup, canon mg3022 wireless setup, canon mg2922 wireless setup, canon mg2922 setup, canon mg2920 wireless setup, canon mg2920 setup, canon local website,
    epson customer care number, epson customer support,
    epson printer app for android, epson connect printer setup, epson all in one wireless printer, epson driver, install epson printer, epson printer cartridges, epson printer wifi setup, epson troubleshooting, epson printer problems and solutions, epson printer download, epson website, epson driver download, epson printer drivers for windows 10, epson software,
    HP printers support, hp help, hp customer service number, hp customer support,
    hp setup, hp customer care, hp helpline, hp printer tech support number, hp printer technical support, hp phone support, hp printer customer service phone number, hp printer tech support,
    hp help number, hp computer support number, hp printer helpline, hp laptop tech support, hp printer help phone number, hp online support,
    hp printer driver support, hp printer wifi setup, hp online chat support, hp support phone number usa, HP printer wireless setup, hp printer drivers, hp printer problems, hp printer troubleshooting,
    hp printer cartridges, hp troubleshooting,
    how to install hp printer on mac, connect hp printer to laptop, how to connect my hp printer to wifi, connect to hp wireless printer, how to connect hp wireless printer, how to connect to hp printer, how to install hp wireless printer, hp wireless printer not printing,

  17. #16

  18. #17
    Junior Member
    Join Date
    Jun 2016
    Location
    Bhavnagar, Gujarat, India
    Posts
    1,125
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Default

    Hello, Magento Folks,
    This Valentine’s Day, We (MageComp) are happy to announce the #MageHeartDays sale for Magento Lovers and we all at MageComp want to wish you a very happy and delightful Valentine’s Day.

    1. MageLove Meter

    2. Flat 20% off on all the Amazing Magento Services

    3. Flat 15% off on all the Featured Magento 2 extensions

    4. Flat 10% off on all the wonderful Magento 1 Extension

  19. #18

  20. #19
    Junior Member
    Join Date
    Feb 2020
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Beardhood

    Buy beardhood charcoal peel off mask , beardhood charcoal peel off mask cost, beardhood charcoal peel off mask price, beardhood charcoal peel off mask online, Buy beardhood charcoal peel off mask online in india, Buy beardhood vitamin c facial serum , beardhood vitamin c facial serum cost, beardhood vitamin c facial serum price, beardhood vitamin c facial serum online, Buy beardhood vitamin c facial serum online in india, Buy beardhood tan removal face scrub , beardhood tan removal face scrub cost, beardhood tan removal face scrub price, beardhood tan removal face scrub online, Buy beardhood tan removal face scrub online in india, Buy beardhood onion oil , beardhood onion oil cost, beardhood onion oil price, beardhood onion oil online, Buy beardhood onion oil online in india, Buy beardhood beard mustache wax , beardhood beard mustache wax cost, beardhood beard mustache wax price, beardhood beard mustache wax online, Buy beardhood beard mustache wax online in india, Buy beardhood green tea charcoal face wash , beardhood green tea charcoal face wash cost, beardhood green tea charcoal face wash price, beardhood green tea charcoal face wash online, Buy beardhood green tea charcoal face wash online in india, Buy beardhood beard growth oil , beardhood beard growth oil cost, beardhood beard growth oil price, beardhood beard growth oil online, Buy beardhood beard growth oil online in india, Buy beardhood onion shampoo , beardhood onion shampoo cost, beardhood onion shampoo price, beardhood onion shampoo online, Buy beardhood onion shampoo online in india, Buy beardhood hair wax , beardhood hair wax cost, beardhood hair wax price, beardhood hair wax online, Buy beardhood hair wax online in india, Buy beardhood beard softener , beardhood beard softener cost, beardhood beard softener price, beardhood beard softener online, Buy beardhood beard softener online in india, Buy beardhood caffeine face wash , beardhood caffeine face wash cost, beardhood caffeine face wash price, beardhood caffeine face wash online, Buy beardhood caffeine face wash online in india, Buy beardhood beard and hair growth serum , beardhood beard and hair growth serum cost, beardhood beard and hair growth serum price, beardhood beard and hair growth serum online, Buy beardhood beard and hair growth serum online in india

  21. #20
    Junior Member
    Join Date
    Feb 2020
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    mcafee support mcafee customer service mcafee phone number mcafee phone support mcafee support number mcafee customer service number mcafee number mcafee technical support mcafee customer support mcafee contact mcafee contact us mcafee customer service phone number mcafee help mcafee support phone number contact mcafee mcafee technical support phone number mcafee tech support service mcafee mcafee chat support mcafee customer support number mcafee technical support number mcafee contact number phone number for mcafee mcafee tech support phone number mcafee tech support number mcafee telephone number mcafee gold support

    antivirus support number antivirus support phone number antivirus tech support number antivirus tech support phone number antivirus customer support phone number antivirus customer support number antivirus customer service phone number Antivirus technical support number Antivirus technical support phone number top rated antivirus best buy antivirus cheap antivirus best rated antivirus antivirus deals antivirus sales buy antivirus
    norton.com setup norton support norton customer service help norton.com norton phone number norton antivirus phone number norton setup norton 360 support norton number norton support number norton antivirus customer service norton tech support norton phone support norton contact number norton 360 phone number norton help norton product key norton customer support norton contact contact norton norton customer service phone number norton internet security product key norton 360 product key norton software norton support phone number norton security phone number norton customer service number norton antivirus support norton chat support norton technical support norton 360 phone support norton 360 customer service norton antivirus software norton tech support number norton antivirus contact number norton antivirus customer service phone number

Page 1 of 2 12 LastLast

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •